mirror of
https://github.com/seanmorley15/AdventureLog.git
synced 2026-07-31 15:59:34 -04:00
7063eb77bf
- Added functionality to copy the app version to clipboard with user feedback via toasts. - Improved layout and styling of the AboutModal for better user experience. - Updated AppVersionDisplay to support different display variants. - Added new translations for the "Copy version" feature in the localization files.
23 lines
858 B
Svelte
23 lines
858 B
Svelte
<script lang="ts">
|
|
import { appTitle, appVersion, appCodename } from '$lib/config';
|
|
|
|
export let size: 'sm' | 'md' = 'md';
|
|
export let variant: 'default' | 'inverse' = 'default';
|
|
|
|
$: titleClass = variant === 'inverse' ? 'text-primary-content' : 'text-primary';
|
|
$: versionClass = variant === 'inverse' ? 'text-primary-content/80' : 'text-base-content/70';
|
|
$: codenameClass = variant === 'inverse' ? 'text-primary-content/90' : 'text-secondary';
|
|
</script>
|
|
|
|
<p
|
|
class="flex flex-wrap items-baseline gap-x-1.5 gap-y-0.5 leading-snug m-0 w-full
|
|
{size === 'sm' ? 'text-sm' : 'text-lg'}"
|
|
>
|
|
<span class="font-bold {titleClass}">{appTitle}</span>
|
|
<span
|
|
class="font-mono tabular-nums tracking-tight {versionClass}
|
|
{size === 'sm' ? 'text-xs' : 'text-sm'}">{appVersion}</span
|
|
>
|
|
<span class="font-semibold italic {codenameClass}">{appCodename}</span>
|
|
</p>
|