phenom/i-want-to-heal-mmo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 22 Wiki Activity

Release v0.1.7 2026-07-12

Browse Source
This commit is contained in:
Warren H
2026-07-12 23:39:57 -04:00
parent 122f159b94
commit 77fd434226
31 changed files with 545 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+10 -14
View File
@@ -1075,6 +1075,7 @@ button:focus-visible {
.end-actions { display: flex; gap: 9px; margin-top: 18px; }
.end-actions button { padding: 9px 18px; border: 1px solid var(--gold); color: #13170f; background: var(--gold); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; }
.end-actions button.secondary { color: #9eafa8; background: transparent; border-color: #43564f; }
.end-actions button.is-controller-focused { outline: 2px solid #fff1b6; outline-offset: 2px; }
.buff-draft {
height: 100%;
@@ -1755,10 +1756,7 @@ button:focus-visible {
.home-header > span { margin-left: auto; color: #8fa39b; font-size: 10px; }
.home-header > span b { color: #dce9e4; }
.home-header > i { color: #6ecaa7; font-size: 8px; font-style: normal; font-weight: 700; letter-spacing: 0.08em; }
.home-title { padding: 17px 2px 12px; }
.home-title span { color: var(--gold); font-size: 8px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; }
.home-title h1 { margin: 2px 0 0; font-family: "Cinzel", serif; font-size: 25px; font-weight: 500; }
.mode-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, 78px); gap: 10px; }
.mode-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, 78px); gap: 10px; margin-top: 18px; }
.mode-card { position: relative; display: grid; grid-template-columns: 54px 1fr 17px; align-items: center; gap: 12px; padding: 13px; overflow: hidden; text-align: left; }
.mode-card::after { position: absolute; inset: 0; content: ""; background: linear-gradient(110deg, rgba(69,153,131,0.13), transparent 60%); pointer-events: none; }
.mode-card.is-wide { grid-row: 1 / 3; }
@@ -1869,7 +1867,7 @@ button:focus-visible {
.boss-stats-heading { padding-top: 10px; }
.boss-stats-layout { height: 331px; display: grid; grid-template-columns: minmax(235px, .78fr) minmax(0, 1.22fr); gap: 11px; }
.boss-stat-selector { min-width: 0; display: grid; align-content: start; gap: 5px; }
.boss-stat-selector button { width: 100%; min-height: 52px; display: grid; grid-template-columns: 30px minmax(0, 1fr) 32px; align-items: center; gap: 8px; padding: 6px 9px; text-align: left; }
.boss-stat-selector button { width: 100%; min-height: 51px; display: grid; grid-template-columns: 30px minmax(0, 1fr) 32px; align-items: center; gap: 8px; padding: 6px 9px; text-align: left; }
.boss-stat-selector button.is-selected { border-color: var(--gold); box-shadow: inset 3px 0 var(--gold); background: linear-gradient(90deg, rgba(93,73,23,.27), rgba(8,18,15,.88)); }
.boss-stat-selector button > i { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid #496159; color: var(--gold); font-style: normal; }
.boss-stat-selector button > span { min-width: 0; display: grid; }
@@ -1895,7 +1893,7 @@ button:focus-visible {
.leaderboard-empty { min-height: 200px !important; border: 0 !important; }
.profile-context { padding: 0 5.5% 18px; }
.profile-context .context-header { margin: 0 -5.8%; }
.profile-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.profile-stats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.profile-stats span { min-width: 0; display: grid; padding: 8px 6px; border-right: 1px solid var(--line); }
.profile-stats span:last-child { border-right: 0; }
.profile-stats small { color: #6d8179; font-size: clamp(7px, 1.5cqw, 9px); text-transform: uppercase; }
@@ -1942,10 +1940,10 @@ button:focus-visible {
.pad-diagram b,
.face-diagram b { color: #40534c; }
.face-diagram i { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: 10px; font-style: normal; }
.face-diagram .a { color: #67c394; }
.face-diagram .b { color: #d66b61; }
.face-diagram .x { color: #5db1d0; }
.face-diagram .y { color: #d6ba67; }
.face-diagram .triangle { color: #70c18b; }
.face-diagram .circle { color: #dc6f78; }
.face-diagram .cross { color: #78a9dd; }
.face-diagram .square { color: #cf8fc5; }
.mapping-list { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 15px; }
.mapping-list span { padding: 8px; border: 1px solid var(--line); color: #83978f; font-size: clamp(8px, 1.7cqw, 10px); }
.mapping-list b { color: #d6e3de; }
@@ -2083,9 +2081,7 @@ button:focus-visible {
.save-footer .controller-legend { display: none; }
.home-header { height: 35px; }
.home-header > span, .home-header > i { font-size: 5px; }
.home-title { padding: 6px 0; }
.home-title h1 { font-size: 12px; }
.mode-grid { grid-template-rows: repeat(2, 43px); gap: 5px; }
.mode-grid { grid-template-rows: repeat(2, 43px); gap: 5px; margin-top: 6px; }
.mode-card { grid-template-columns: 25px 1fr 8px; gap: 4px; padding: 4px; }
.mode-card > i, .mode-card.is-wide > i { width: 23px; height: 23px; font-size: 10px; }
.mode-card strong, .mode-card.is-wide strong { font-size: 8px; }
@@ -2134,7 +2130,7 @@ button:focus-visible {
.boss-stats-heading { padding-top: 3px; }
.boss-stats-layout { height: 213px; grid-template-columns: minmax(138px, .82fr) minmax(0, 1.18fr); gap: 4px; }
.boss-stat-selector { gap: 2px; }
.boss-stat-selector button { min-height: 34px; grid-template-columns: 18px minmax(0, 1fr) 18px; gap: 3px; padding: 2px 4px; }
.boss-stat-selector button { min-height: 33px; grid-template-columns: 18px minmax(0, 1fr) 18px; gap: 3px; padding: 2px 4px; }
.boss-stat-selector button > i { width: 16px; height: 16px; font-size: 7px; }
.boss-stat-selector strong { font-size: 6px; }
.boss-stat-selector small { font-size: 4px; }