starred/sky_phone
1
0
Fork 0
mirror of https://github.com/sky-systems/sky_phone.git synced 2026-09-04 09:13:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

ADD - introduce Sky widget frame

Browse Source
This commit is contained in:
DerEchteAlec
2026-08-13 04:31:01 +02:00
parent c4d59265a7
commit 545a6322ab
5 changed files with 116 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/ui/foundation.css
Vendored
+41
View File
@@ -242,6 +242,47 @@
cursor: grabbing;
}
.sky-widget-frame {
box-sizing: border-box;
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
display: grid;
grid-template-rows:
minmax(0, 1fr)
var(--sky-widget-label-height);
gap: var(--sky-widget-label-gap);
}
.sky-widget-frame--unlabelled {
grid-template-rows: minmax(0, 1fr);
gap: 0;
}
.sky-widget-frame__surface {
min-width: 0;
min-height: 0;
}
.sky-widget-frame__label {
min-width: 0;
height: var(--sky-widget-label-height);
overflow: hidden;
color: var(--sky-widget-label-color, #fff);
font-family:
-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
font-size: 11.5px;
font-weight: 500;
letter-spacing: -0.15px;
line-height: var(--sky-widget-label-height);
text-align: center;
text-overflow: ellipsis;
text-shadow: 0 1px 4px rgb(0 0 0 / 72%);
white-space: nowrap;
pointer-events: none;
}
.sky-section {
min-width: 0;
margin: 0 0 var(--sky-space-4);