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
text-align: center
// #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
@ -183,6 +188,10 @@ button:hover
// width: 50%
.filename-input
width: 90%
margin: auto
padding: 0.1rem
.file-list
width: 90%
margin: auto
@ -212,6 +221,7 @@ button:hover
main
display: flex
flex-direction: row
padding-bottom: $footer-height + 2 * $footer-padding-y
.main-box
width: 75%
max-height: calc(100vh - $footer-height - 2 * $footer-padding-y)
@ -232,6 +242,8 @@ button:hover
width: 100%
footer
width: 100%
position: fixed

15
src/style.css
View File

@ -160,6 +160,14 @@ button:hover {
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 {
margin: auto;
padding-bottom: 0.4rem;
@ -184,6 +192,12 @@ button:hover {
margin-left: 0;
}
.filename-input {
width: 90%;
margin: auto;
padding: 0.1rem;
}
.file-list {
width: 90%;
margin: auto;
@ -220,6 +234,7 @@ button:hover {
main {
display: flex;
flex-direction: row;
padding-bottom: 24px;
}
.main-box {
width: 75%;