url/SkillOpt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stabilize skill evolution layout

Browse Source
This commit is contained in:
Lliar-liar
2026-05-24 19:36:08 +00:00
parent faa4ec6199
commit 2df2542aec
2 changed files with 30 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+15 -2
View File
@@ -1183,10 +1183,14 @@
display: grid; display: grid;
grid-template-columns: minmax(0, 1.42fr) minmax(300px, 0.58fr); grid-template-columns: minmax(0, 1.42fr) minmax(300px, 0.58fr);
gap: 16px; gap: 16px;
align-items: start; align-items: stretch;
min-height: 520px;
} }
.evolution-chart { .evolution-chart {
display: flex;
flex-direction: column;
min-height: 520px;
background: var(--panel); background: var(--panel);
border: 1px solid var(--line); border: 1px solid var(--line);
border-radius: 16px; border-radius: 16px;
@@ -1228,6 +1232,7 @@
} }
.chart-scroller { .chart-scroller {
flex: 1;
overflow-x: auto; overflow-x: auto;
padding: 10px 14px 0; padding: 10px 14px 0;
} }
@@ -1235,7 +1240,8 @@
.skill-chart { .skill-chart {
width: 100%; width: 100%;
min-width: 760px; min-width: 760px;
height: auto; height: 100%;
min-height: 390px;
display: block; display: block;
font-family: var(--mono); font-family: var(--mono);
} }
@@ -1328,7 +1334,10 @@
} }
.evolution-detail { .evolution-detail {
display: flex;
flex-direction: column;
min-height: 438px; min-height: 438px;
height: 100%;
padding: 20px; padding: 20px;
color: var(--ink); color: var(--ink);
background: #ffffff; background: #ffffff;
@@ -1412,6 +1421,10 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
overflow-y: auto;
min-height: 150px;
max-height: 184px;
padding-right: 4px;
} }
.detail-edits li { .detail-edits li {
skillopt.html
+15 -2
View File
@@ -1183,10 +1183,14 @@
display: grid; display: grid;
grid-template-columns: minmax(0, 1.42fr) minmax(300px, 0.58fr); grid-template-columns: minmax(0, 1.42fr) minmax(300px, 0.58fr);
gap: 16px; gap: 16px;
align-items: start; align-items: stretch;
min-height: 520px;
} }
.evolution-chart { .evolution-chart {
display: flex;
flex-direction: column;
min-height: 520px;
background: var(--panel); background: var(--panel);
border: 1px solid var(--line); border: 1px solid var(--line);
border-radius: 16px; border-radius: 16px;
@@ -1228,6 +1232,7 @@
} }
.chart-scroller { .chart-scroller {
flex: 1;
overflow-x: auto; overflow-x: auto;
padding: 10px 14px 0; padding: 10px 14px 0;
} }
@@ -1235,7 +1240,8 @@
.skill-chart { .skill-chart {
width: 100%; width: 100%;
min-width: 760px; min-width: 760px;
height: auto; height: 100%;
min-height: 390px;
display: block; display: block;
font-family: var(--mono); font-family: var(--mono);
} }
@@ -1328,7 +1334,10 @@
} }
.evolution-detail { .evolution-detail {
display: flex;
flex-direction: column;
min-height: 438px; min-height: 438px;
height: 100%;
padding: 20px; padding: 20px;
color: var(--ink); color: var(--ink);
background: #ffffff; background: #ffffff;
@@ -1412,6 +1421,10 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
overflow-y: auto;
min-height: 150px;
max-height: 184px;
padding-right: 4px;
} }
.detail-edits li { .detail-edits li {