sideright: update centermodules buttons

This commit is contained in:
end-4
2024-04-29 22:30:36 +07:00
parent bb75df9eb3
commit 5dc88abe76
3 changed files with 37 additions and 2 deletions
@@ -129,13 +129,29 @@ export default (props) => {
self.shown = (Bluetooth.devices.length > 0 ? 'list' : 'empty')
}),
})
const bottomBar = Box({
homogeneous: true,
children: [Button({
hpack: 'center',
className: 'txt-small txt sidebar-centermodules-bottombar-button',
onClicked: () => {
execAsync(userOptions.apps.bluetooth).catch(print);
closeEverything();
},
label: 'More',
setup: setupCursorHover,
})],
setup: (self) => {
console.log('AAAAAAAAAAAAAAAAAAa')
},
})
return Box({
...props,
className: 'spacing-v-5',
vertical: true,
children: [
mainContent,
// status,
bottomBar
]
});
}
@@ -67,9 +67,10 @@ export default (props) => {
,
});
const ListActionButton = (icon, name, action) => Button({
className: 'notif-listaction-btn',
className: 'sidebar-centermodules-bottombar-button',
onClicked: action,
child: Box({
hpack: 'center',
className: 'spacing-h-5',
children: [
MaterialIcon(icon, 'norm'),
+18
View File
@@ -966,4 +966,22 @@ $waifu_image_overlay_transparency: 0.7;
background-color: $layer1;
color: $onLayer1;
padding: 0.682rem;
}
.sidebar-centermodules-bottombar-button {
@include full-rounding;
@include element_decel;
min-width: 6.818rem;
min-height: 2.25rem;
background-color: $layer2;
color: $onLayer2;
}
.sidebar-centermodules-bottombar-button:hover,
.sidebar-centermodules-bottombar-button:focus {
background-color: $layer2Hover;
}
.sidebar-centermodules-bottombar-button:active {
background-color: $layer2Active;
}