goyimnose/TaroTime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated: app/ui-tarot-card.js

Browse Source
This commit is contained in:
Nose
2026-04-06 20:22:31 -07:00
parent b7747794da
commit e0c0862f7a
3 changed files with 53 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/styles.css
View File

@@ -1255,6 +1255,7 @@
.tarot-frame-panel {
--frame-grid-zoom-scale: 1;
--frame-card-overlay-scale: clamp(1, calc(0.92 + ((var(--frame-grid-zoom-scale) - 1) * 0.14)), 2.3);
--frame-base-cell-width: clamp(32px, 2.6vw, 46px);
--frame-cell-width: calc(var(--frame-base-cell-width) * var(--frame-grid-zoom-scale));
--frame-cell-height: calc(var(--frame-cell-width) * 1.5);
@@ -1946,14 +1947,14 @@
.tarot-frame-card-badge {
position: absolute;
left: 4px;
right: 4px;
bottom: 4px;
padding: 4px 5px;
border-radius: 8px;
left: calc(4px * var(--frame-card-overlay-scale));
right: calc(4px * var(--frame-card-overlay-scale));
bottom: calc(4px * var(--frame-card-overlay-scale));
padding: calc(4px * var(--frame-card-overlay-scale)) calc(5px * var(--frame-card-overlay-scale));
border-radius: calc(8px * var(--frame-card-overlay-scale));
background: rgba(2, 6, 23, 0.84);
color: #f8fafc;
font-size: clamp(8px, 0.72vw, 10px);
font-size: calc(clamp(8px, 0.72vw, 10px) * var(--frame-card-overlay-scale));
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.02em;