forked from Shinonome/dots-hyprland
sideright: update centermodules buttons
This commit is contained in:
@@ -129,13 +129,29 @@ export default (props) => {
|
|||||||
self.shown = (Bluetooth.devices.length > 0 ? 'list' : 'empty')
|
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({
|
return Box({
|
||||||
...props,
|
...props,
|
||||||
className: 'spacing-v-5',
|
className: 'spacing-v-5',
|
||||||
vertical: true,
|
vertical: true,
|
||||||
children: [
|
children: [
|
||||||
mainContent,
|
mainContent,
|
||||||
// status,
|
bottomBar
|
||||||
]
|
]
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -67,9 +67,10 @@ export default (props) => {
|
|||||||
,
|
,
|
||||||
});
|
});
|
||||||
const ListActionButton = (icon, name, action) => Button({
|
const ListActionButton = (icon, name, action) => Button({
|
||||||
className: 'notif-listaction-btn',
|
className: 'sidebar-centermodules-bottombar-button',
|
||||||
onClicked: action,
|
onClicked: action,
|
||||||
child: Box({
|
child: Box({
|
||||||
|
hpack: 'center',
|
||||||
className: 'spacing-h-5',
|
className: 'spacing-h-5',
|
||||||
children: [
|
children: [
|
||||||
MaterialIcon(icon, 'norm'),
|
MaterialIcon(icon, 'norm'),
|
||||||
|
|||||||
@@ -967,3 +967,21 @@ $waifu_image_overlay_transparency: 0.7;
|
|||||||
color: $onLayer1;
|
color: $onLayer1;
|
||||||
padding: 0.682rem;
|
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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user