matt1432/nixos-configs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ags applauncher): style it properly

Browse source
This commit is contained in:
matt1432 2023-11-25 13:10:36 -05:00
parent 556a50f54d
commit f0a1e6f3f8
2 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
devices/wim/config/ags/js/applauncher/app-item.js
View file

@ -1,11 +1,12 @@
import App from 'resource:///com/github/Aylur/ags/app.js'; import App from 'resource:///com/github/Aylur/ags/app.js';
import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js'; import Hyprland from 'resource:///com/github/Aylur/ags/service/hyprland.js';
import { Box, Button, Icon, Label } from 'resource:///com/github/Aylur/ags/widget.js'; import { Box, Button, CenterBox, Icon, Label } from 'resource:///com/github/Aylur/ags/widget.js';
import { lookUpIcon } from 'resource:///com/github/Aylur/ags/utils.js'; import { lookUpIcon } from 'resource:///com/github/Aylur/ags/utils.js';
import Separator from '../misc/separator.js'; import Separator from '../misc/separator.js';
const ENTRY_SPACING = 16;
export default (app) => { export default (app) => {
const title = Label({ const title = Label({
@ -34,13 +35,13 @@ export default (app) => {
size: 42, size: 42,
}); });
const textBox = Box({ const textBox = CenterBox({
vertical: true, vertical: true,
vpack: 'center', start_widget: title,
children: [title, description], center_widget: description,
end_widget: Separator(ENTRY_SPACING, { vertical: true }),
}); });
const ENTRY_SPACING = 16;
return Button({ return Button({
class_name: 'app', class_name: 'app',

10
devices/wim/config/ags/scss/widgets/applauncher.scss
View file

@ -4,7 +4,7 @@
border-radius: 25px; border-radius: 25px;
background-color: $bg; background-color: $bg;
color: #f8f8f2; color: #f8f8f2;
padding: 10px; padding: 2px;
* { * {
font-size: 16px; font-size: 16px;
@ -31,7 +31,8 @@
} }
scrolledwindow { scrolledwindow {
padding: 16.2px; padding: 10px;
padding-bottom: 0;
min-width: 700px; min-width: 700px;
min-height: 450px; min-height: 450px;
@ -42,6 +43,7 @@
scrollbar.vertical { scrollbar.vertical {
transition: 200ms; transition: 200ms;
background-color: rgba(23, 23, 23, 0.3); background-color: rgba(23, 23, 23, 0.3);
margin: 20px 0;
&:hover { &:hover {
background-color: rgba(23, 23, 23, 0.7); background-color: rgba(23, 23, 23, 0.7);
@ -71,7 +73,7 @@
.app { .app {
all: unset; all: unset;
transition: 200ms; transition: 200ms;
padding: 9px; padding: 2px 9px;
&:active { &:active {
background-color: rgba($contrast-bg, 0.5); background-color: rgba($contrast-bg, 0.5);
@ -107,8 +109,6 @@
image { image {
transition: 200ms; transition: 200ms;
margin-left: -10px;
margin-bottom: -8px;
} }
} }
} }