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 class="config-title-row">
<h4>{{ config.name }}</h4>
<span class="badge neutral">
{{ config.source === "default" ? "Default" : "Custom" }}
</span>
</div>
</div>
</div>

39
src/styles.css
View File

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