wifi networks: auth entry layout adjustments

This commit is contained in:
end-4 2025-03-29 09:45:12 +01:00
parent eb20cb5155
commit a73a89356e
2 changed files with 13 additions and 9 deletions

View file

@ -175,6 +175,7 @@ const CurrentNetwork = () => {
]
});
const authVisible = Button({
vpack: 'center',
child: MaterialIcon('visibility', 'large'),
className: 'txt sidebar-wifinetworks-auth-visible',
onClicked: () => {
@ -218,8 +219,7 @@ const CurrentNetwork = () => {
placeholderText: getString('Enter network password'),
});
const authBox = Box({
className: 'spacing-h-5',
vertical: false,
className: 'sidebar-wifinetworks-auth-box',
children: [
authEntry,
authVisible,

View file

@ -1006,21 +1006,25 @@ $waifu_image_overlay_transparency: 0.7;
font-size: 2.045rem;
}
.sidebar-wifinetworks-auth-entry {
border-radius: 12px 0px 0px 12px;
.sidebar-wifinetworks-auth-box {
@include small-rounding;
background-color: $layer1;
color: $onLayer1;
}
.sidebar-wifinetworks-auth-entry {
@include small-rounding;
color: $onLayer1;
padding: 0.682rem;
caret-color: $onLayer2;
}
.sidebar-wifinetworks-auth-visible {
@include element_decel;
border-radius: 0px 12px 12px 0px;
background-color: $layer3;
color: $onLayer3;
padding: 0.682rem;
min-width: 0.918rem;
@include small-rounding;
min-width: 2.045rem;
min-height: 2.045rem;
margin: 0.341rem;
&:hover,
&:focus {