mirrors/pocket-id
1
0
Fork 0
mirror of https://github.com/pocket-id/pocket-id.git synced 2026-02-15 14:00:05 +00:00
Code Activity

feat: login code font change (#851)

Browse Source 
Co-authored-by: James18232 <80368042+James18232@users.noreply.github.com>
Co-authored-by: Elias Schneider <login@eliasschneider.com>
This commit is contained in:
James18232
2025-08-20 00:10:57 +10:00
committed by GitHub
parent b04e3e8ecf
commit d28bfac81f
4 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app.css
View File

@@ -132,6 +132,7 @@
/* Font */ /* Font */
--font-playfair: 'Playfair Display', serif; --font-playfair: 'Playfair Display', serif;
--font-code: 'Google Sans', sans-serif;
} }
@layer base { @layer base {
@@ -167,6 +168,11 @@
font-weight: 700; font-weight: 700;
src: url('/fonts/PlayfairDisplay-Bold.woff') format('woff'); src: url('/fonts/PlayfairDisplay-Bold.woff') format('woff');
} }
@font-face {
font-family: 'Google Sans';
font-weight: 600;
src: url('/fonts/GoogleSansCode-SemiBold.ttf') format('truetype');
}
} }
@keyframes accordion-down { @keyframes accordion-down {

2
frontend/src/lib/components/one-time-link-modal.svelte
View File

@@ -108,7 +108,7 @@
{:else} {:else}
<div class="flex flex-col items-center gap-2"> <div class="flex flex-col items-center gap-2">
<CopyToClipboard value={code!}> <CopyToClipboard value={code!}>
<p class="text-3xl font-semibold">{code}</p> <p class="text-3xl font-code">{code}</p>
</CopyToClipboard> </CopyToClipboard>
<div class="text-muted-foreground my-2 flex items-center justify-center gap-3"> <div class="text-muted-foreground my-2 flex items-center justify-center gap-3">

2
frontend/src/routes/settings/account/login-code-modal.svelte
View File

@@ -52,7 +52,7 @@
<div class="flex flex-col items-center gap-2"> <div class="flex flex-col items-center gap-2">
<CopyToClipboard value={code!}> <CopyToClipboard value={code!}>
<p class="text-3xl font-semibold">{code}</p> <p class="text-3xl font-code">{code}</p>
</CopyToClipboard> </CopyToClipboard>
<div class="text-muted-foreground my-2 flex items-center justify-center gap-3"> <div class="text-muted-foreground my-2 flex items-center justify-center gap-3">
<Separator /> <Separator />

BIN
frontend/static/fonts/GoogleSansCode-SemiBold.ttf Normal file
View File

Binary file not shown.