Skip to content

Commit 0b42a5f

Browse files
rubenhensenrubenhensen
committed
fix: use PostGuard logo + Business badge consistently, enable Yivi minimal mode
- Replace "PostGuard" text with "Business" badge on portal sidebar, admin sidebar, org login, and admin login pages - Match the Header's logo + purple badge styling everywhere - Enable minimal: true on YiviWeb for a cleaner QR display
1 parent 63341a0 commit 0b42a5f

5 files changed

Lines changed: 51 additions & 15 deletions

File tree

‎src/lib/components/YiviLogin.svelte‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@
3535
debugging: false,
3636
element: '#yivi-login-container',
3737
language: 'en',
38+
minimal: true,
3839
session: {
3940
url: '/irma',
4041
start: {

‎src/routes/(admin)/+layout.svelte‎

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,7 @@
3737
<div class="sidebar-header">
3838
<a href="/admin/organizations" class="sidebar-logo">
3939
<img src={logoLight} alt="PostGuard" class="logo-img light-only" height="22" /><img src={logoDark} alt="PostGuard" class="logo-img dark-only" height="22" />
40-
<span>Admin</span>
40+
<span class="logo-badge">Business</span>
4141
</a>
4242
<button class="sidebar-close desktop-hide" onclick={() => (sidebarOpen = false)}>
4343
<Icon icon="mdi:close" width="20" height="20" />
@@ -153,9 +153,18 @@
153153
align-items: center;
154154
gap: 0.5rem;
155155
text-decoration: none;
156-
color: var(--pg-primary);
157-
font-weight: var(--pg-font-weight-extrabold);
158-
font-size: var(--pg-font-size-lg);
156+
}
157+
158+
.logo-badge {
159+
font-family: var(--pg-font-family);
160+
font-size: var(--pg-font-size-xs);
161+
font-weight: var(--pg-font-weight-bold);
162+
background: var(--pg-primary);
163+
color: #fff;
164+
padding: 2px 6px;
165+
border-radius: var(--pg-border-radius-sm);
166+
text-transform: uppercase;
167+
letter-spacing: 0.5px;
159168
}
160169
161170
.sidebar-close { color: var(--pg-text-secondary); }

‎src/routes/(portal)/+layout.svelte‎

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040
<div class="sidebar-header">
4141
<a href="/" class="sidebar-logo">
4242
<img src={logoLight} alt="PostGuard" class="logo-img light-only" height="22" /><img src={logoDark} alt="PostGuard" class="logo-img dark-only" height="22" />
43-
<span>PostGuard</span>
43+
<span class="logo-badge">Business</span>
4444
</a>
4545
<button class="sidebar-close desktop-hide" onclick={() => (sidebarOpen = false)}>
4646
<Icon icon="mdi:close" width="20" height="20" />
@@ -165,8 +165,18 @@
165165
gap: 0.5rem;
166166
text-decoration: none;
167167
color: var(--pg-text);
168-
font-weight: var(--pg-font-weight-extrabold);
169-
font-size: var(--pg-font-size-lg);
168+
}
169+
170+
.logo-badge {
171+
font-family: var(--pg-font-family);
172+
font-size: var(--pg-font-size-xs);
173+
font-weight: var(--pg-font-weight-bold);
174+
background: var(--pg-primary);
175+
color: #fff;
176+
padding: 2px 6px;
177+
border-radius: var(--pg-border-radius-sm);
178+
text-transform: uppercase;
179+
letter-spacing: 0.5px;
170180
}
171181
172182
.sidebar-close {

‎src/routes/auth/login/+page.svelte‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
<div class="login-header">
2525
<a href="/" class="logo">
2626
<img src={logoLight} alt="PostGuard" class="logo-img light-only" height="22" /><img src={logoDark} alt="PostGuard" class="logo-img dark-only" height="22" />
27-
<span>PostGuard</span>
27+
<span class="logo-badge">Business</span>
2828
</a>
2929
<ThemeSwitcher />
3030
</div>
@@ -69,10 +69,18 @@
6969
align-items: center;
7070
gap: 0.5rem;
7171
text-decoration: none;
72-
color: var(--pg-text);
72+
}
73+
74+
.logo-badge {
7375
font-family: var(--pg-font-family);
74-
font-weight: var(--pg-font-weight-extrabold);
75-
font-size: var(--pg-font-size-lg);
76+
font-size: var(--pg-font-size-xs);
77+
font-weight: var(--pg-font-weight-bold);
78+
background: var(--pg-primary);
79+
color: #fff;
80+
padding: 2px 6px;
81+
border-radius: var(--pg-border-radius-sm);
82+
text-transform: uppercase;
83+
letter-spacing: 0.5px;
7684
}
7785
7886
.login-card {

‎src/routes/auth/login/admin/+page.svelte‎

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
<div class="login-header">
2222
<a href="/" class="logo">
2323
<img src={logoLight} alt="PostGuard" class="logo-img light-only" height="22" /><img src={logoDark} alt="PostGuard" class="logo-img dark-only" height="22" />
24-
<span>PostGuard</span>
24+
<span class="logo-badge">Business</span>
2525
</a>
2626
<ThemeSwitcher />
2727
</div>
@@ -61,10 +61,18 @@
6161
align-items: center;
6262
gap: 0.5rem;
6363
text-decoration: none;
64-
color: var(--pg-text);
64+
}
65+
66+
.logo-badge {
6567
font-family: var(--pg-font-family);
66-
font-weight: var(--pg-font-weight-extrabold);
67-
font-size: var(--pg-font-size-lg);
68+
font-size: var(--pg-font-size-xs);
69+
font-weight: var(--pg-font-weight-bold);
70+
background: var(--pg-primary);
71+
color: #fff;
72+
padding: 2px 6px;
73+
border-radius: var(--pg-border-radius-sm);
74+
text-transform: uppercase;
75+
letter-spacing: 0.5px;
6876
}
6977
7078
.login-card {

0 commit comments

Comments
 (0)