sinvo/lifeRestart
1
0
Fork 0
mirror of https://github.com/VickScarlet/lifeRestart.git synced 2025-07-17 09:33:55 +08:00
Code Issues Projects Releases Wiki Activity

fix(style): fix the issue mentioned in #127

Browse Source
This commit is contained in:
Brayn Lee
2021-09-05 02:07:33 +08:00
committed by 神戸小鳥
parent 7e808e1bde
commit f730eaa0e6
6 changed files with 42 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/bundle.js
View File

File diff suppressed because one or more lines are too long

2
src/app.js
View File

@@ -483,7 +483,7 @@ class App{
const themeLink = $(document).find('#themeLink');
if(theme == 'light') {
themeLink.attr('href', 'style.css');
themeLink.attr('href', 'light.css');
} else {
themeLink.attr('href', 'dark.css');
}

23
view/dark.css
View File

@@ -167,7 +167,6 @@ body {
border-radius: 0.2rem;
cursor: pointer;
color: #EEEEEE;
user-select: none;
}
.grade1b,
@@ -181,19 +180,41 @@ body {
background-color: rgb(70, 70, 70);
border: #f8f8f8 2px solid !important;
}
.grade1,
.grade1b::before {
background-color: rgb(116, 191, 255) !important;
}
.grade1b {
background-color: rgb(116, 191, 255);
border: #f8f8f8 2px solid !important;
}
.grade2,
.grade2b::before {
background-color: rgb(226, 167, 255) !important;
}
.grade2b {
background-color: rgb(226, 167, 255);
border: #f8f8f8 2px solid !important;
}
.grade3,
.grade3b::before {
background-color: #ffa07a !important;
}
.grade3b {
background-color: #ffa07a;
border: #f8f8f8 2px solid !important;
}
.grade1b,
.grade2b,
.grade3b {
padding-left: 1.5rem;
box-sizing: border-box;
}
.grade0b:hover {
background-color: rgb(202, 202, 202);
color: #3b3b3b;

2
view/index.html
View File

@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="やり直すんだ。そして、次はうまくやる。"/>
<meta name="keywords" content="人生重开模拟器 liferestart life restart remake 人生重来"/>
<link id="themeLink" rel="stylesheet" href="style.css">
<link id="themeLink" rel="stylesheet" href="light.css">
<link rel="manifest" href="./manifest.json">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="../public/bundle.js"></script>

18
view/style.css → view/light.css
View File

@@ -162,7 +162,6 @@ body {
text-align: center;
border-radius: 0.2rem;
cursor: pointer;
user-select: none;
}
.grade1b,
@@ -176,14 +175,29 @@ body {
background-color: rgb(237, 237, 237);
border: #c5c5c5 2px solid !important;
}
.grade1,
.grade1b::before {
background-color: rgb(116, 191, 255) !important;
}
.grade1b {
background-color: rgb(116, 191, 255);
border: #c5c5c5 2px solid !important;
}
.grade2,
.grade2b::before {
background-color: rgb(226, 167, 255) !important;
}
.grade2b {
background-color: rgb(226, 167, 255);
border: #c5c5c5 2px solid !important;
}
.grade3,
.grade3b::before {
background-color: #ffa07a !important;
}
.grade3b {
background-color: #ffa07a;
border: #c5c5c5 2px solid !important;
@@ -436,7 +450,7 @@ i {
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
.eva-animation {
.eva-animation {
animation-duration: 1s;
animation-fill-mode: both; }

2
view/test.html
View File

@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="やり直すんだ。そして、次はうまくやる。"/>
<meta name="keywords" content="人生重开模拟器 liferestart life restart remake 人生重来"/>
<link id="themeLink" rel="stylesheet" href="style.css">
<link id="themeLink" rel="stylesheet" href="light.css">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9857163863537600" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script type="module" src="../src/index.js"></script>