refactor(wofi): overhaul styling

This commit is contained in:
Price Hiller 2024-01-25 16:33:47 -06:00
parent f1f80b4602
commit 113498215f
Signed by: Price
SSH Key Fingerprint: SHA256:Y4S9ZzYphRn1W1kbJerJFO6GGsfu9O70VaBSxJO7dF8

View File

@ -51,23 +51,23 @@ window {
#input {
padding: 4px;
margin: 20px;
font-size: 16px;
padding-left: 20px;
border: none;
font-weight: bold;
background: linear-gradient(90deg, #957fb8 0%, #d27e99 100%);
background: none;
color: #dcd7ba;
outline: none;
border-radius: 16px;
}
#input image {
color: #dcd7ba;
border: none;
border-radius: 0px;
border-bottom: solid 3px #ff5d62;
}
#input:focus {
border: none;
outline: none;
box-shadow: none;
}
#input image {
color: #ff5d62;
}
#inner-box {
@ -83,7 +83,7 @@ window {
}
#outer-box {
margin: 0px;
margin: 10px;
border: none;
padding: 0px;
border-radius: 16px;
@ -91,8 +91,8 @@ window {
#scroll {
margin-top: 5px;
border: none;
border-radius: 16px;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 5px;
}
@ -106,17 +106,10 @@ window {
background: transparent;
}
#text {
margin: 0px;
border: none;
padding: 0px;
background: transparent;
}
#entry {
margin: 0px;
border: none;
border-radius: 16px;
margin-left: 20px;
background-color: transparent;
min-height: 28px;
font-weight: bold;
@ -124,10 +117,9 @@ window {
#entry:selected {
outline: none;
margin: 0px;
border: none;
border-radius: 16px;
background: linear-gradient(-90deg, #957fb8, #7E9CD8, #FFA066, #FF5D62);
background: linear-gradient(-90deg, #ffa066, #FF5D62);
background-size: 300% 300%;
animation: gradient 9s ease infinite;
}
@ -136,9 +128,11 @@ window {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}