MatthiasQuintern/imgsort2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve style

Browse Source
This commit is contained in:
matth@ultra 2024-09-02 00:14:10 +02:00
parent d2c6f7b72e
commit ba527255cc
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/sass/main.sass
View File

@ -53,7 +53,7 @@ main
text-align: center text-align: center
.main-box .main-box
background: $bg2 background-color: $bg1
.current-file .current-file
width: 100% width: 100%
height: $file-height height: $file-height
@ -81,8 +81,8 @@ main
margin: auto margin: auto
.second-box .second-box
margin-top: $box-margin padding-top: $box-margin
margin-bottom: $box-margin padding-bottom: $box-margin
footer footer
@ -212,10 +212,9 @@ button:hover
main main
display: flex display: flex
flex-direction: row flex-direction: row
padding-bottom: $footer-height
.main-box .main-box
width: 75% width: 75%
max-height: calc(100vh - $footer-height) max-height: calc(100vh - $footer-height - 2 * $footer-padding-y)
.splash-text .splash-text
filter: drop-shadow(0.20rem 0.20rem 0 $accent) filter: drop-shadow(0.20rem 0.20rem 0 $accent)
@ -223,8 +222,10 @@ button:hover
display: flex display: flex
flex-direction: column flex-direction: column
width: 25% width: 25%
max-height: calc(100vh - $footer-height) max-height: calc(100vh - $footer-height - 2 * $footer-padding-y)
overflow: scroll overflow: scroll
margin-top: 0
margin-bottom: 0
.current-file .current-file
height: 100% height: 100%

15
src/style.css
View File

@ -30,7 +30,7 @@ main * {
} }
.main-box { .main-box {
background: #d5c4a1; background-color: #ebdbb2;
} }
.current-file { .current-file {
@ -60,8 +60,8 @@ main * {
} }
.second-box { .second-box {
margin-top: 0.4rem; padding-top: 0.4rem;
margin-bottom: 0.4rem; padding-bottom: 0.4rem;
} }
footer { footer {
@ -220,11 +220,10 @@ button:hover {
main { main {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding-bottom: 20px;
} }
.main-box { .main-box {
width: 75%; width: 75%;
max-height: calc(100vh - 20px); max-height: calc(100vh - 20px - 4px);
} }
.splash-text { .splash-text {
filter: drop-shadow(0.2rem 0.2rem 0 #9d0006); filter: drop-shadow(0.2rem 0.2rem 0 #9d0006);
@ -233,8 +232,10 @@ button:hover {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 25%; width: 25%;
max-height: calc(100vh - 20px); max-height: calc(100vh - 20px - 4px);
overflow: scroll; overflow: scroll;
margin-top: 0;
margin-bottom: 0;
} }
.current-file { .current-file {
height: 100%; height: 100%;
@ -246,5 +247,3 @@ button:hover {
bottom: 0; bottom: 0;
} }
} }
/*# sourceMappingURL=style.css.map */