style(ui): polish Upload now / Save action items / provider select

Upload now and Save action items now use the existing .primary
solid-accent button style (with icons) instead of unstyled native
buttons; the AI provider dropdown gets real border/background/hover
states matching the app's other selects.
This commit is contained in:
iamdoubz committed 2026-07-11 00:12:45 -05:00
1 parent e3c80b565c
commit 0027becd10
1 file changed
+30 -10
+30 -10
View File
@@ -473,13 +473,14 @@
{#if meetings.selected && settings.settings.sync_enabled}
<h3><UploadCloud size={14} aria-hidden="true" /> Sync</h3>
<button
class="upload-now"
class="primary upload-now"
disabled={meetings.uploading}
onclick={() => {
const m = meetings.selected;
if (m) meetings.uploadNow(m.id);
}}
>
<UploadCloud size={14} aria-hidden="true" />
{meetings.uploading ? "Uploading…" : "Upload now"}
</button>
{#if meetings.syncJobs.length}
@@ -733,7 +734,8 @@
</li>
{/each}
</ul>
<button onclick={saveActionItems} disabled={savingItems}>
<button class="primary" onclick={saveActionItems} disabled={savingItems}>
<Check size={14} aria-hidden="true" />
{savingItems ? "Saving…" : "Save action items"}
</button>
{/if}
@@ -868,10 +870,6 @@
gap: 0.5rem;
margin: -0.3rem 0 0.6rem;
}
.provider-select select {
font-size: 0.78rem;
padding: 0.25rem 0.4rem;
}
.provider-badge {
display: inline-flex;
align-items: center;
@@ -899,9 +897,34 @@
font-weight: 600;
cursor: pointer;
}
button.primary:hover {
button.primary:hover:not(:disabled) {
background: var(--accent-hover);
}
button.primary:disabled {
opacity: 0.5;
cursor: default;
}
.upload-now {
align-self: start;
}
.provider-select select {
display: inline-flex;
align-items: center;
border: 1px solid var(--border);
border-radius: var(--radius-sm);
background: var(--bg);
color: var(--fg);
font-size: 0.78rem;
padding: 0.3rem 0.5rem;
cursor: pointer;
}
.provider-select select:hover:not(:disabled) {
background: var(--bg-hover);
}
.provider-select select:disabled {
opacity: 0.6;
cursor: default;
}
.muted {
color: var(--muted);
font-size: 0.85rem;
@@ -1052,9 +1075,6 @@
font-size: 0.8rem;
padding: 0;
}
.upload-now {
align-self: start;
}
.jobs {
list-style: none;
padding: 0;