jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: centralize frontend Vuetify styling
All checks were successful
deploy-socialize / image (push) Successful in 50s
Details
deploy-socialize / deploy (push) Successful in 19s
Details

Browse Source
This commit is contained in:
Jonathan Bourdon
2026-05-08 13:45:42 -04:00
parent e81c9f42c9
commit 1ca6ab7117
54 changed files with 1461 additions and 1304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/src/features/campaigns/views/CampaignsView.vue
View File

@@ -178,14 +178,14 @@
</div>
<div class="panel-actions">
<button
<v-btn variant="text" :ripple="false"
class="secondary"
:disabled="campaignsStore.isCreating"
@click="isCreateFormVisible = false"
>
{{ t('common.cancel') }}
</button>
<button
</v-btn>
<v-btn variant="text" :ripple="false"
class="primary"
:disabled="campaignsStore.isCreating"
@click="submitForm"
@@ -197,7 +197,7 @@
:width="2"
/>
<span>{{ campaignsStore.isCreating ? t('common.creating') : t('campaigns.createTitle') }}</span>
</button>
</v-btn>
</div>
</div>
@@ -250,12 +250,12 @@
.eyebrow {
@apply text-xs font-bold uppercase tracking-[0.24em];
color: #0f766e;
color: var(--app-color-on-tertiary);
}
.header h1 {
@apply mt-2 text-4xl font-black;
color: #172033;
color: var(--app-color-on-surface);
}
.header p,
@@ -264,7 +264,7 @@
.campaign-meta span,
.campaign-meta em {
@apply text-sm leading-6 not-italic;
color: #526178;
color: var(--app-text-muted);
}
.primary,
@@ -273,20 +273,20 @@
}
.primary {
background: #172033;
color: #fffaf2;
background: var(--app-color-on-surface);
color: var(--app-color-on-primary);
}
.secondary {
background: rgba(23, 32, 51, 0.06);
color: #172033;
background: var(--app-control-hover);
color: var(--app-color-on-surface);
}
.create-panel,
.campaign-row {
@apply rounded-[1.5rem] border;
background: rgba(255, 255, 255, 0.9);
border-color: rgba(23, 32, 51, 0.08);
border-color: var(--app-border-subtle);
}
.create-panel {
@@ -299,7 +299,7 @@
.panel-header strong,
.campaign-row strong {
color: #172033;
color: var(--app-color-on-surface);
}
.form-grid {
@@ -308,7 +308,7 @@
.field {
@apply flex flex-col gap-2 text-sm font-semibold;
color: #172033;
color: var(--app-color-on-surface);
}
.field-wide {
@@ -317,16 +317,16 @@
.field input {
@apply rounded-2xl border px-4 py-3 text-sm;
border-color: rgba(23, 32, 51, 0.08);
border-color: var(--app-border-subtle);
background: rgba(255, 255, 255, 0.95);
color: #172033;
color: var(--app-color-on-surface);
}
.field textarea {
@apply min-h-28 rounded-2xl border px-4 py-3 text-sm;
border-color: rgba(23, 32, 51, 0.08);
border-color: var(--app-border-subtle);
background: rgba(255, 255, 255, 0.95);
color: #172033;
color: var(--app-color-on-surface);
resize: vertical;
}
@@ -353,11 +353,11 @@
.page-message {
@apply rounded-[1.25rem] border p-4 text-sm font-medium;
background: rgba(255, 255, 255, 0.84);
border-color: rgba(23, 32, 51, 0.08);
color: #526178;
border-color: var(--app-border-subtle);
color: var(--app-text-muted);
}
.page-message.error {
color: #b91c1c;
color: var(--app-danger-muted);
}
</style>