julian/chrom-tool
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

op config ui

Browse Source
This commit is contained in:
Julian Freeman
2026-04-16 16:12:03 -04:00
parent 7e912bd9d0
commit 6cc694754f
2 changed files with 24 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/App.vue
View File

@@ -210,9 +210,6 @@ const {
<div> <div>
<div class="config-title-row"> <div class="config-title-row">
<h4>{{ config.name }}</h4> <h4>{{ config.name }}</h4>
<span class="badge neutral">
{{ config.source === "default" ? "Default" : "Custom" }}
</span>
</div> </div>
</div> </div>
</div> </div>

39
src/styles.css
View File

@@ -228,9 +228,17 @@ button {
display: block; display: block;
width: auto; width: auto;
height: auto; height: auto;
object-fit: contain;
}
.browser-nav-icon img {
max-width: 38px; max-width: 38px;
max-height: 38px; max-height: 38px;
object-fit: contain; }
.config-icon img {
max-width: 26px;
max-height: 26px;
} }
.config-nav-icon { .config-nav-icon {
@@ -353,10 +361,11 @@ button {
.icon-option-button { .icon-option-button {
display: grid; display: grid;
justify-items: center; grid-template-columns: 24px minmax(0, 1fr);
gap: 5px; align-items: center;
min-height: 86px; column-gap: 8px;
padding: 9px 8px; min-height: 0;
padding: 8px 10px;
border: 1px solid rgba(148, 163, 184, 0.2); border: 1px solid rgba(148, 163, 184, 0.2);
border-radius: 12px; border-radius: 12px;
background: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.9);
@@ -369,16 +378,16 @@ button {
} }
.icon-option-button img { .icon-option-button img {
width: 26px; width: 22px;
height: 26px; height: 22px;
object-fit: contain; object-fit: contain;
} }
.icon-option-button span { .icon-option-button span {
font-size: 0.72rem; font-size: 0.75rem;
font-weight: 600; font-weight: 600;
text-align: center; text-align: left;
line-height: 1.25; line-height: 1.2;
} }
.icon-option-button.active { .icon-option-button.active {
@@ -467,24 +476,24 @@ button {
.config-card-header, .config-card-header,
.config-title-row { .config-title-row {
display: flex; display: flex;
align-items: flex-start; align-items: center;
justify-content: space-between; justify-content: space-between;
gap: 10px; gap: 10px;
} }
.config-card-lead { .config-card-lead {
display: flex; display: flex;
align-items: flex-start; align-items: center;
gap: 10px; gap: 10px;
min-width: 0; min-width: 0;
flex: 1; flex: 1;
} }
.config-icon { .config-icon {
width: 36px; width: 30px;
height: 36px; height: 30px;
border-radius: 0; border-radius: 0;
font-size: 0.8rem; font-size: 0.74rem;
overflow: visible; overflow: visible;
} }