ac/android_cast
1
0
Fork 0
mirror of git://f0xx.org/android_cast synced 2026-07-29 05:58:14 +03:00
Code Issues Packages Projects Releases Wiki Activity

next force snapshot

Browse Source
This commit is contained in:
Anton Afanasyeu
2026-05-30 16:23:01 +02:00
parent eebee1864d
commit 3b0a694aa6
34 changed files with 1759 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
examples/app_hub/hub.css
View File

@@ -188,11 +188,12 @@
}
.hub-clock-widget {
--cw-lcd-x: 24px;
position: fixed;
right: 24px;
top: 24px;
left: auto;
width: 420px;
width: 567px;
z-index: 3;
border: 1px solid rgba(255, 255, 255, 0.72);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.48);
@@ -204,7 +205,7 @@
cursor: move;
user-select: none;
touch-action: none;
padding: 60px;
padding: 40px;
box-sizing: border-box;
display: flex;
flex-direction: column;
@@ -246,7 +247,9 @@
.cw-primary-block {
padding: 0;
display: grid;
grid-template-rows: repeat(3, minmax(0, 1fr));
grid-template-rows: auto auto auto;
align-content: start;
row-gap: 0;
overflow: hidden;
background: rgba(0, 180, 80, 0.35);
}
@@ -263,7 +266,7 @@
align-items: end;
overflow: hidden;
container-type: inline-size;
padding: 16px 0 6px;
padding: 12px 0 4px;
}
.cw-line-time .cw-time-main {
@@ -273,15 +276,19 @@
.cw-row-tz,
.cw-row-date {
display: flex;
align-items: center;
align-items: flex-end;
justify-content: center;
min-height: 0;
line-height: 1;
padding: 0;
}
.cw-time-main {
display: inline-flex;
align-items: flex-end;
display: grid;
grid-template-columns: auto auto auto auto;
align-items: end;
justify-content: center;
gap: 2px;
column-gap: 6px;
line-height: 1;
font-weight: 700;
width: fit-content;
@@ -296,54 +303,57 @@
.ot-lcd-line {
display: inline-flex;
align-items: flex-end;
gap: 4px;
}
.ot-lcd-bold .ot-glyph-wrap--bold {
transform: scale(1.08, 1.12);
transform-origin: bottom center;
gap: 2px;
}
#cw-hm-lcd .ot-glyph {
height: 136px;
height: calc(var(--cw-lcd-x) * 2);
width: auto;
max-width: 100%;
}
#cw-colon-lcd .ot-glyph,
.ot-lcd-sec .ot-glyph,
.ot-lcd-tz .ot-glyph {
height: var(--cw-lcd-x);
width: auto;
}
@container (max-width: 300px) {
#cw-hm-lcd .ot-glyph {
height: 108px;
}
.ot-lcd-sec .ot-glyph {
height: 26px;
}
.ot-lcd-tz .ot-glyph {
height: 24px;
.hub-clock-widget {
--cw-lcd-x: 20px;
}
}
.ot-lcd-sec {
margin-left: 8px;
margin-left: 0;
}
.ot-lcd-sec .ot-glyph-wrap:first-child {
margin-right: 8px;
}
.ot-lcd-sec .ot-glyph {
height: 32px;
width: auto;
}
.ot-lcd-tz .ot-glyph {
height: 30px;
width: auto;
margin-right: 0;
}
.ot-lcd-tz {
margin-left: 14px;
margin-left: calc(var(--cw-lcd-x) * 2);
}
.ot-lcd-subline {
display: inline-flex;
align-items: flex-end;
justify-content: center;
flex-wrap: wrap;
gap: 2px;
line-height: 1;
}
.cw-line-region.ot-lcd-subline .ot-glyph {
height: calc(var(--cw-lcd-x) * 0.5);
width: auto;
}
.cw-line-date.ot-lcd-subline .ot-glyph {
height: var(--cw-lcd-x);
width: auto;
}
.ot-glyph-wrap {
@@ -362,6 +372,23 @@
filter: drop-shadow(0 0 5px rgba(190, 240, 150, 0.38));
}
.ot-fallback-char {
display: inline-flex;
align-items: flex-end;
justify-content: center;
min-width: 0.62em;
color: #d8f6b8;
font-family: "Consolas", "Menlo", "Monaco", monospace;
font-size: 1em;
line-height: 1;
letter-spacing: 0.02em;
text-shadow: 0 0 5px rgba(190, 240, 150, 0.42);
}
.ot-fallback-char--bold {
font-weight: 700;
}
.ot-glyph .ot-grid rect {
fill: rgba(20, 30, 24, 0.85);
filter: drop-shadow(0 0 1.4px rgba(135, 205, 255, 0.5));
@@ -377,7 +404,7 @@
.cw-line-region {
color: #b8c2d4;
font-size: 10px;
font-size: 12px;
letter-spacing: 0.16em;
font-weight: 300;
text-transform: uppercase;
@@ -385,7 +412,7 @@
.cw-line-date {
color: #c5d0e2;
font-size: 10px;
font-size: 24px;
letter-spacing: 0.12em;
font-weight: 400;
text-transform: uppercase;
@@ -752,7 +779,7 @@
left: auto;
right: 10px;
top: 10px;
width: min(94vw, 420px);
width: min(94vw, 567px);
min-width: 0;
}
.hub-cards {