revert: undo all card size changes, restore original layout
Reverts style.css and index.html to their state before any card sizing modifications were made. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
1 parent
0e49f46513
commit
04f479dcd0
2 files changed
+10
-19
No files matched your search
@@ -4,7 +4,7 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>MTG Commander Battlefield</title>
|
<title>MTG Commander Battlefield</title>
|
||||||
<link rel="stylesheet" href="style.css?v=20260404_0100">
|
<link rel="stylesheet" href="style.css?v=20260403_0300">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|||||||
+9
-18
@@ -66,10 +66,8 @@
|
|||||||
--p4: #d4930d; --p4-soft: rgba(212,147,13,0.15); --p4-glow: rgba(212,147,13,0.35); --p4-text: #f1c40f;
|
--p4: #d4930d; --p4-soft: rgba(212,147,13,0.15); --p4-glow: rgba(212,147,13,0.35); --p4-text: #f1c40f;
|
||||||
|
|
||||||
/* Card dimensions */
|
/* Card dimensions */
|
||||||
--card-w: 32px;
|
--card-w: 63px;
|
||||||
--card-h: 44px;
|
--card-h: 88px;
|
||||||
--hand-card-w: 128px;
|
|
||||||
--hand-card-h: 180px;
|
|
||||||
--bf-card-w: 100px;
|
--bf-card-w: 100px;
|
||||||
--bf-card-h: 140px;
|
--bf-card-h: 140px;
|
||||||
--zone-radius: 8px;
|
--zone-radius: 8px;
|
||||||
@@ -798,14 +796,11 @@ input { font-family: inherit; }
|
|||||||
|
|
||||||
.zone.hand {
|
.zone.hand {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: 180px;
|
height: var(--card-h);
|
||||||
min-height: 180px;
|
|
||||||
min-width: 60px;
|
min-width: 60px;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: stretch;
|
|
||||||
gap: 3px;
|
gap: 3px;
|
||||||
overflow-x: auto;
|
overflow: hidden;
|
||||||
overflow-y: hidden;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.zone.hand .zone-icon { margin-bottom: 0; margin-right: 3px; }
|
.zone.hand .zone-icon { margin-bottom: 0; margin-right: 3px; }
|
||||||
@@ -860,11 +855,9 @@ input { font-family: inherit; }
|
|||||||
|
|
||||||
/* Hand card thumbnails inside hand zone */
|
/* Hand card thumbnails inside hand zone */
|
||||||
.hand-thumb {
|
.hand-thumb {
|
||||||
width: 128px;
|
width: 32px;
|
||||||
min-width: 128px;
|
height: 45px;
|
||||||
height: 180px;
|
border-radius: 3px;
|
||||||
min-height: 180px;
|
|
||||||
border-radius: 6px;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@@ -2552,10 +2545,8 @@ kbd {
|
|||||||
============================================================ */
|
============================================================ */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
:root {
|
:root {
|
||||||
--card-w: 21px;
|
--card-w: 42px;
|
||||||
--card-h: 29px;
|
--card-h: 58px;
|
||||||
--hand-card-w: 84px;
|
|
||||||
--hand-card-h: 116px;
|
|
||||||
--bf-card-w: 72px;
|
--bf-card-w: 72px;
|
||||||
--bf-card-h: 100px;
|
--bf-card-h: 100px;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user