Andreas/mtg_python_deckbuilder
1
0
Fork 0
mirror of https://github.com/mwisnowski/mtg_python_deckbuilder.git synced 2025-12-24 11:30:12 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(web): launch commander browser with deck builder CTA

Browse source
This commit is contained in:
matt 2025-09-30 15:49:08 -07:00
parent 6e9ba244c9
commit 8e57588f40
27 changed files with 1960 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

15
code/web/static/styles.css
View file

@ -65,7 +65,7 @@
--blue-main: #1565c0; /* balanced blue */
}
*{box-sizing:border-box}
html,body{height:100%; overflow-x:hidden; max-width:100vw;}
html{height:100%; overflow-x:hidden; overflow-y:hidden; max-width:100vw;}
body {
font-family: system-ui, Arial, sans-serif;
margin: 0;
@ -73,8 +73,10 @@ body {
background: var(--bg);
display: flex;
flex-direction: column;
min-height: 100vh;
height: 100%;
width: 100%;
overflow-x: hidden;
overflow-y: auto;
}
/* Honor HTML hidden attribute across the app */
[hidden] { display: none !important; }
@ -198,6 +200,15 @@ button:hover{ filter:brightness(1.05); }
.btn:hover{ filter:brightness(1.05); text-decoration:none; }
.btn.disabled, .btn[aria-disabled="true"]{ opacity:.6; cursor:default; pointer-events:none; }
label{ display:inline-flex; flex-direction:column; gap:.25rem; margin-right:.75rem; }
.color-identity{ display:inline-flex; align-items:center; gap:.35rem; }
.color-identity .mana + .mana{ margin-left:4px; }
.mana{ display:inline-block; width:16px; height:16px; border-radius:50%; border:1px solid var(--border); box-shadow:0 0 0 1px rgba(0,0,0,.25) inset; }
.mana-W{ background:#f9fafb; border-color:#d1d5db; }
.mana-U{ background:#3b82f6; border-color:#1d4ed8; }
.mana-B{ background:#111827; border-color:#1f2937; }
.mana-R{ background:#ef4444; border-color:#b91c1c; }
.mana-G{ background:#10b981; border-color:#047857; }
.mana-C{ background:#d3d3d3; border-color:#9ca3af; }
select,input[type="text"],input[type="number"]{ background: var(--panel); color:var(--text); border:1px solid var(--border); border-radius:6px; padding:.35rem .4rem; }
fieldset{ border:1px solid var(--border); border-radius:8px; padding:.75rem; margin:.75rem 0; }
small, .muted{ color: var(--muted); }