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

updated frame for more mobile friendly usage

Browse Source
This commit is contained in:
Nose
2026-04-04 12:15:52 -07:00
parent aa4572668e
commit b7747794da
3 changed files with 81 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/styles.css
View File

@@ -1260,6 +1260,8 @@
--frame-cell-height: calc(var(--frame-cell-width) * 1.5);
--frame-base-gap: clamp(2px, 0.3vw, 6px);
--frame-gap: calc(var(--frame-base-gap) * var(--frame-grid-zoom-scale));
--frame-pan-cushion-inline: calc(clamp(14px, 1.8vw, 26px) * var(--frame-grid-zoom-scale));
--frame-pan-cushion-block: calc(clamp(18px, 2.4vw, 34px) * var(--frame-grid-zoom-scale));
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
@@ -1431,8 +1433,14 @@
.tarot-frame-grid-track {
width: max-content;
min-width: max-content;
padding:
var(--frame-pan-cushion-block)
var(--frame-pan-cushion-inline)
calc(var(--frame-pan-cushion-block) * 1.45)
var(--frame-pan-cushion-inline);
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
.tarot-frame-legend {