refactor(wofi): overhaul styling
This commit is contained in:
parent
f1f80b4602
commit
113498215f
@ -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%;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user