giers10/concept-maker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update table layout for fifth column and style remove row button

Browse Source
This commit is contained in:
Victor Giers
2026-05-07 23:41:13 +02:00
parent 11e31ce6fa
commit c42dd79dfe
1 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/styles.css
View File

@@ -132,7 +132,7 @@ body {
.table-header,
.table-row {
display: grid;
grid-template-columns: 1.2fr 2fr 0.6fr 0.6fr;
grid-template-columns: 1.2fr 2fr 0.6fr 0.6fr 0.5fr;
align-items: center;
padding: 10px 12px;
gap: 8px;
@@ -155,7 +155,6 @@ body {
.table-row {
border-top: 1px solid var(--bg-main);
color: var(--ink);
cursor: pointer;
transition: background 0.15s ease;
}
@@ -168,8 +167,15 @@ body {
background: var(--bg-main);
}
.table-row.selected {
background: var(--line);
button.remove-row-button {
width: 28px;
height: 28px;
min-width: 28px;
padding: 0;
border-radius: 50%;
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.controls {
@@ -408,7 +414,7 @@ select {
@media (max-width: 720px) {
.table-header,
.table-row {
grid-template-columns: 1.2fr 1.8fr 0.6fr 0.6fr;
grid-template-columns: 1.2fr 1.8fr 0.6fr 0.6fr 0.5fr;
}
.settings-grid {