PandaDEV/Qopy
1
0
Fork 0
mirror of https://github.com/0PandaDEV/Qopy.git synced 2025-04-21 13:14:04 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: fix casing and spacing in settings.scss

Browse source
This commit is contained in:
PandaDEV 2025-01-02 14:54:04 +10:00
parent 9658310689
commit b328b8fa9c
No known key found for this signature in database
GPG key ID: 13EFF9BAF70EE75C
1 changed files with 21 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

29
assets/css/settings.scss
View file

@ -1,10 +1,10 @@
$primary: #2E2D2B; $primary: #2e2d2b;
$accent: #FEB453; $accent: #feb453;
$divider: #ffffff0d; $divider: #ffffff0d;
$text: #E5DFD5; $text: #e5dfd5;
$text2: #ADA9A1; $text2: #ada9a1;
$mutedtext: #78756F; $mutedtext: #78756f;
.bg { .bg {
width: 750px; width: 750px;
@ -25,7 +25,7 @@ $mutedtext: #78756F;
gap: 8px; gap: 8px;
align-items: center; align-items: center;
img{ img {
background-color: $divider; background-color: $divider;
border-radius: 6px; border-radius: 6px;
padding: 8px 6px; padding: 8px 6px;
@ -71,6 +71,12 @@ $mutedtext: #78756F;
.keybind-input:focus { .keybind-input:focus {
border: 1px solid rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2);
} }
&.empty-keybind {
.keybind-input {
border-color: rgba(255, 82, 82, 0.298);
}
}
} }
.bottom-bar { .bottom-bar {
@ -124,7 +130,7 @@ $mutedtext: #78756F;
background-color: $divider; background-color: $divider;
margin-left: 8px; margin-left: 8px;
margin-right: 4px; margin-right: 4px;
transition: all .2s; transition: all 0.2s;
} }
.actions { .actions {
@ -135,15 +141,20 @@ $mutedtext: #78756F;
gap: 8px; gap: 8px;
border-radius: 7px; border-radius: 7px;
background-color: transparent; background-color: transparent;
transition: all .2s; transition: all 0.2s;
cursor: pointer; cursor: pointer;
&.disabled {
pointer-events: none;
opacity: 0.5;
}
} }
.actions:hover { .actions:hover {
background-color: $divider; background-color: $divider;
} }
&:hover .actions:hover~.divider { &:hover .actions:hover ~ .divider {
opacity: 0; opacity: 0;
} }
} }