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:
1 parent
e3c80b565c
commit
0027becd10
1 file changed
+30
-10
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user