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 13:27:27 +02:00
parent c440214466
commit 80858d71c7
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/sass/main.sass
View File

@ -161,6 +161,11 @@ button:hover
width: 20px width: 20px
text-align: center text-align: center
// #directory // #directory
#save-button
filter: drop-shadow(0.1rem 0.1rem 0 $light-red)
#load-button
filter: drop-shadow(0.1rem 0.1rem 0 $light-blue)
.add-mapping-form .add-mapping-form
@ -183,6 +188,10 @@ button:hover
// width: 50% // width: 50%
.filename-input
width: 90%
margin: auto
padding: 0.1rem
.file-list .file-list
width: 90% width: 90%
margin: auto margin: auto
@ -212,6 +221,7 @@ button:hover
main main
display: flex display: flex
flex-direction: row flex-direction: row
padding-bottom: $footer-height + 2 * $footer-padding-y
.main-box .main-box
width: 75% width: 75%
max-height: calc(100vh - $footer-height - 2 * $footer-padding-y) max-height: calc(100vh - $footer-height - 2 * $footer-padding-y)
@ -232,6 +242,8 @@ button:hover
width: 100% width: 100%
footer footer
width: 100% width: 100%
position: fixed position: fixed

15
src/style.css
View File

@ -160,6 +160,14 @@ button:hover {
text-align: center; text-align: center;
} }
#save-button {
filter: drop-shadow(0.1rem 0.1rem 0 #9d0006);
}
#load-button {
filter: drop-shadow(0.1rem 0.1rem 0 #076678);
}
.add-mapping-form { .add-mapping-form {
margin: auto; margin: auto;
padding-bottom: 0.4rem; padding-bottom: 0.4rem;
@ -184,6 +192,12 @@ button:hover {
margin-left: 0; margin-left: 0;
} }
.filename-input {
width: 90%;
margin: auto;
padding: 0.1rem;
}
.file-list { .file-list {
width: 90%; width: 90%;
margin: auto; margin: auto;
@ -220,6 +234,7 @@ button:hover {
main { main {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
padding-bottom: 24px;
} }
.main-box { .main-box {
width: 75%; width: 75%;