LESA/custum-hyprpanel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Resize calendar clock, update dashboard width and add dolphin links to directories.

Browse Source
This commit is contained in:
Jas Singh
2024-07-11 00:35:27 -07:00
parent b974c1e755
commit 2bc344c266
6 changed files with 155 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
modules/menus/dashboard/directories/index.js
View File

@@ -8,27 +8,14 @@ const Directories = () => {
Widget.Box({
vertical: true,
expand: true,
class_name: "section left",
class_name: "section right",
children: [
Widget.Button({
hpack: "start",
expand: true,
class_name: "directory-link documents",
on_primary_click: () => {
Utils.execAsync("dolphin Documents").catch(
(err) => `Failed to open Dolphin: ${err}`,
);
},
child: Widget.Label({
hpack: "start",
label: "󱧶 Documents",
}),
}),
Widget.Button({
hpack: "start",
expand: true,
class_name: "directory-link downloads",
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync("dolphin Downloads").catch(
(err) => `Failed to open Dolphin: ${err}`,
);
@@ -38,46 +25,12 @@ const Directories = () => {
label: "󰉍 Downloads",
}),
}),
Widget.Button({
expand: true,
hpack: "start",
class_name: "directory-link home",
on_primary_click: () => {
Utils.execAsync("dolphin ").catch(
(err) => `Failed to open Dolphin: ${err}`,
);
},
child: Widget.Label({
hpack: "start",
label: "󱂵 Home",
}),
}),
],
}),
Widget.Box({
vertical: true,
expand: true,
class_name: "section right",
children: [
Widget.Button({
expand: true,
hpack: "start",
class_name: "directory-link pictures",
on_primary_click: () => {
Utils.execAsync("dolphin Pictures").catch(
(err) => `Failed to open Dolphin: ${err}`,
);
},
child: Widget.Label({
hpack: "start",
label: "󰉏 Pictures",
}),
}),
Widget.Button({
expand: true,
hpack: "start",
class_name: "directory-link videos",
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync("dolphin Videos").catch(
(err) => `Failed to open Dolphin: ${err}`,
);
@@ -92,6 +45,7 @@ const Directories = () => {
hpack: "start",
class_name: "directory-link projects",
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync("dolphin Projects").catch(
(err) => `Failed to open Dolphin: ${err}`,
);
@@ -103,6 +57,58 @@ const Directories = () => {
}),
],
}),
Widget.Box({
vertical: true,
expand: true,
class_name: "section left",
children: [
Widget.Button({
hpack: "start",
expand: true,
class_name: "directory-link documents",
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync("dolphin Documents").catch(
(err) => `Failed to open Dolphin: ${err}`,
);
},
child: Widget.Label({
hpack: "start",
label: "󱧶 Documents",
}),
}),
Widget.Button({
expand: true,
hpack: "start",
class_name: "directory-link pictures",
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync("dolphin Pictures").catch(
(err) => `Failed to open Dolphin: ${err}`,
);
},
child: Widget.Label({
hpack: "start",
label: "󰉏 Pictures",
}),
}),
Widget.Button({
expand: true,
hpack: "start",
class_name: "directory-link home",
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync("dolphin ").catch(
(err) => `Failed to open Dolphin: ${err}`,
);
},
child: Widget.Label({
hpack: "start",
label: "󱂵 Home",
}),
}),
],
}),
],
});
};

108
modules/menus/dashboard/stats/index.js
View File

@@ -130,16 +130,30 @@ const Stats = () => {
hexpand: true,
vpack: "center",
children: [
Widget.Label({
Widget.Button({
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync('bash -c "kitty -e btop"').catch(
(err) => `Failed to open btop: ${err}`,
);
},
label: "",
}),
Widget.LevelBar({
class_name: "stats-bar",
hexpand: true,
vpack: "center",
bar_mode: "continuous",
max_value: 1,
value: cpu.bind("value"),
Widget.Button({
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync('bash -c "kitty -e btop"').catch(
(err) => `Failed to open btop: ${err}`,
);
},
child: Widget.LevelBar({
class_name: "stats-bar",
hexpand: true,
vpack: "center",
bar_mode: "continuous",
max_value: 1,
value: cpu.bind("value"),
}),
}),
],
}),
@@ -158,14 +172,28 @@ const Stats = () => {
vpack: "center",
hexpand: true,
children: [
Widget.Label({
Widget.Button({
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync('bash -c "kitty -e btop"').catch(
(err) => `Failed to open btop: ${err}`,
);
},
label: "",
}),
Widget.LevelBar({
class_name: "stats-bar",
hexpand: true,
vpack: "center",
value: ram.bind("value").as((v) => v.percentage),
Widget.Button({
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync('bash -c "kitty -e btop"').catch(
(err) => `Failed to open btop: ${err}`,
);
},
child: Widget.LevelBar({
class_name: "stats-bar",
hexpand: true,
vpack: "center",
value: ram.bind("value").as((v) => v.percentage),
}),
}),
],
}),
@@ -184,14 +212,28 @@ const Stats = () => {
hexpand: true,
vpack: "center",
children: [
Widget.Label({
Widget.Button({
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync('bash -c "kitty -e btop"').catch(
(err) => `Failed to open btop: ${err}`,
);
},
label: "󰢮",
}),
Widget.LevelBar({
class_name: "stats-bar",
hexpand: true,
vpack: "center",
value: gpu.bind("value"),
Widget.Button({
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync('bash -c "kitty -e btop"').catch(
(err) => `Failed to open btop: ${err}`,
);
},
child: Widget.LevelBar({
class_name: "stats-bar",
hexpand: true,
vpack: "center",
value: gpu.bind("value"),
}),
}),
],
}),
@@ -210,14 +252,28 @@ const Stats = () => {
hexpand: true,
vpack: "center",
children: [
Widget.Label({
Widget.Button({
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync('bash -c "kitty -e btop"').catch(
(err) => `Failed to open btop: ${err}`,
);
},
label: "󰋊",
}),
Widget.LevelBar({
class_name: "stats-bar",
hexpand: true,
vpack: "center",
value: storage.bind("value").as((v) => v.percentage),
Widget.Button({
on_primary_click: () => {
App.closeWindow("dashboardmenu");
Utils.execAsync('bash -c "kitty -e btop"').catch(
(err) => `Failed to open btop: ${err}`,
);
},
child: Widget.LevelBar({
class_name: "stats-bar",
hexpand: true,
vpack: "center",
value: storage.bind("value").as((v) => v.percentage),
}),
}),
],
}),

4
scss/menus/calendar.scss
View File

@@ -66,7 +66,7 @@
}
.clock-content-items {
min-height: 6em;
min-height: 8em;
.clock-content-time {
font-size: 4em;
@@ -74,7 +74,7 @@
}
.clock-content-period {
font-size: 1.75em;
margin-bottom: 0.7em;
margin-bottom: 1.3em;
margin-right: -0.875em;
color: $teal;
}

8
scss/menus/dashboard.scss
View File

@@ -1,7 +1,11 @@
@import "../colors";
.window-content.dashboardmenu-window {
margin-left: 0.50em;
}
.dashboard-content-items {
min-width: 26.5em;
min-width: 28.5em;
background: $crust;
border: 0.13em solid $surface0;
border-radius: 0.7em;
@@ -234,7 +238,7 @@
}
&:hover {
color: $green;
opacity: 0.5;
}
}
}

12
style.css
View File

@@ -1242,7 +1242,7 @@ window#powermenu .powermenu.box {
}
.clock-content-items {
min-height: 6em;
min-height: 8em;
}
.clock-content-items .clock-content-time {
font-size: 4em;
@@ -1250,7 +1250,7 @@ window#powermenu .powermenu.box {
}
.clock-content-items .clock-content-period {
font-size: 1.75em;
margin-bottom: 0.7em;
margin-bottom: 1.3em;
margin-right: -0.875em;
color: #94e2d5;
}
@@ -1373,8 +1373,12 @@ window#powermenu .powermenu.box {
margin-bottom: 0.2em;
}
.window-content.dashboardmenu-window {
margin-left: 0.5em;
}
.dashboard-content-items {
min-width: 26.5em;
min-width: 28.5em;
background: #11111b;
border: 0.13em solid #313244;
border-radius: 0.7em;
@@ -1574,7 +1578,7 @@ window#powermenu .powermenu.box {
color: #eba0ac;
}
.dashboard-content-items .directories-container .directory-link:hover {
color: #a6e3a1;
opacity: 0.5;
}
.dashboard-content-items .stats-container {
margin-top: 0em;

2
style.css.map
View File

File diff suppressed because one or more lines are too long