From 1016b66e93bedeb06bdcaee46a1edeea83806b5e Mon Sep 17 00:00:00 2001 From: S4NKALP Date: Sun, 5 Jul 2026 00:05:29 +0545 Subject: [PATCH] style(src/styles): add lockscreen and panel notch CSS --- src/styles/main.css | 1 + src/styles/window/lock.css | 19 +++++++++++++++++++ src/styles/window/panel.css | 10 +++------- 3 files changed, 23 insertions(+), 7 deletions(-) diff --git a/src/styles/main.css b/src/styles/main.css index abbd790..37f362a 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -6,6 +6,7 @@ @import url("./launcher/index.css"); @import url("./window/index.css"); @import url("./widgets/index.css"); +@import url("./window/lock.css"); * { all: unset; diff --git a/src/styles/window/lock.css b/src/styles/window/lock.css index 824fa84..c0141f9 100644 --- a/src/styles/window/lock.css +++ b/src/styles/window/lock.css @@ -1,6 +1,25 @@ #lockscreen-bg { background-size: cover; } + +#lock-notch { + margin: 0 20px; +} + +#lock-notch-stack { + background-color: #000000; + border-radius: 0 0 apply(radius-lg) apply(radius-lg); + min-width: 200px; + min-height: 34px; +} + +#lock-notch-corner { + background-color: #000000; + border-radius: 0; + min-width: 20px; + min-height: 20px; +} + #indicator-box { margin-right: 10px; margin-top: 4px; diff --git a/src/styles/window/panel.css b/src/styles/window/panel.css index 94df443..308ab01 100644 --- a/src/styles/window/panel.css +++ b/src/styles/window/panel.css @@ -84,6 +84,7 @@ #global-menu.active *, #workspaces>button:hover * { color: @on-primary; + } #panel-notch { @@ -136,16 +137,11 @@ } #panel-notch-stack #notch-player-art { - min-width: 24px; - min-height: 24px; + min-width: 18px; + min-height: 18px; background-size: cover; background-position: center; border-radius: apply(radius-sm); margin-left: 8px; } -#panel-notch-stack #notch-player-time { - font-size: apply(font-xs); - font-weight: 500; - padding: 0 8px 0 4px; -}