xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

Small UI improvement

This commit is contained in:
Daniel 2022-05-27 17:46:38 +04:30
parent e42971cd03
commit 282a8a386e
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/styles/List.css
View File

@ -10,7 +10,8 @@
-webkit-user-select: none; -webkit-user-select: none;
user-select: none; user-select: none;
position: absolute; position: absolute;
filter: blur(3px); filter: blur(5px);
opacity: 60%;
margin: 20px; margin: 20px;
width: 100px; width: 100px;
height: 100px; height: 100px;

5
src/styles/Modal.css
View File

@ -8,6 +8,7 @@
} }
.box { .box {
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
position: absolute; position: absolute;
top: 20%; top: 20%;
@ -29,6 +30,7 @@
} }
.modal-input { .modal-input {
border-radius: 10px;
font-size: 1.3rem; font-size: 1.3rem;
padding: 10px; padding: 10px;
border: none; border: none;
@ -43,6 +45,7 @@
} }
.upload-btn { .upload-btn {
border-radius: 10px;
font-family: 'Font Awesome 5 Free'; font-family: 'Font Awesome 5 Free';
font-size: 2rem; font-size: 2rem;
padding: 10px; padding: 10px;
@ -63,6 +66,7 @@
} }
.cancel-btn { .cancel-btn {
border-radius: 10px;
padding: 5px; padding: 5px;
cursor: pointer; cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
@ -74,6 +78,7 @@
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
transition: background-color 0.1s; transition: background-color 0.1s;
font-weight: 900;
} }
.cancel-btn:hover { .cancel-btn:hover {