your personal website on atproto - mirror
blento.app
some styling stuff
+14
-14
+2
-2
src/routes/[[actor=actor]]/blog/+page.svelte
+2
-2
src/routes/[[actor=actor]]/blog/+page.svelte
···
45
45
<meta name="twitter:description" content="Blog posts by {hostName}" />
46
46
</svelte:head>
47
47
48
-
<div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12">
49
-
<div class="mx-auto max-w-4xl">
48
+
<div class="min-h-screen px-6 py-12">
49
+
<div class="mx-auto max-w-2xl">
50
50
<!-- Header -->
51
51
<div class="mb-8">
52
52
<div class="flex items-center justify-between gap-4">
+2
-2
src/routes/[[actor=actor]]/blog/[rkey]/+page.svelte
+2
-2
src/routes/[[actor=actor]]/blog/[rkey]/+page.svelte
···
109
109
{/if}
110
110
</svelte:head>
111
111
112
-
<div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12">
113
-
<div class="mx-auto max-w-3xl">
112
+
<div class="min-h-screen px-6 py-12">
113
+
<div class="mx-auto max-w-2xl">
114
114
<!-- Cover image -->
115
115
{#if coverUrl}
116
116
<img src={coverUrl} alt={title} class="mb-8 aspect-video w-full rounded-2xl object-cover" />
+2
-2
src/routes/[[actor=actor]]/blog/new/+page.svelte
+2
-2
src/routes/[[actor=actor]]/blog/new/+page.svelte
···
372
372
<title>Create Blog Post</title>
373
373
</svelte:head>
374
374
375
-
<div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12">
376
-
<div class="mx-auto max-w-3xl">
375
+
<div class="min-h-screen px-6 py-12">
376
+
<div class="mx-auto max-w-2xl">
377
377
{#if user.isInitializing || !draftRestored}
378
378
<div class="flex items-center gap-3">
379
379
<div class="bg-base-300 dark:bg-base-700 size-5 animate-pulse rounded-full"></div>
+3
-3
src/routes/[[actor=actor]]/events/+page.svelte
+3
-3
src/routes/[[actor=actor]]/events/+page.svelte
···
89
89
<meta name="twitter:description" content="Events hosted by {hostName}" />
90
90
</svelte:head>
91
91
92
-
<div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12 sm:py-12">
93
-
<div class="mx-auto max-w-4xl">
92
+
<div class="min-h-screen px-6 py-12 sm:py-12">
93
+
<div class="mx-auto max-w-2xl">
94
94
<!-- Header -->
95
95
<div class="mb-8 flex items-start justify-between">
96
96
<div>
···
125
125
{@const rkey = event.rkey}
126
126
<a
127
127
href="{actorPrefix}/events/{rkey}"
128
-
class="border-base-200 dark:border-base-800 hover:border-base-300 dark:hover:border-base-700 group bg-base-100 dark:bg-base-900 block overflow-hidden rounded-2xl border transition-colors"
128
+
class="border-base-200 dark:border-base-800 hover:border-base-300 dark:hover:border-base-700 group bg-base-100 dark:bg-base-950 block overflow-hidden rounded-2xl border transition-colors"
129
129
>
130
130
<!-- Thumbnail -->
131
131
<div class="p-4">
+2
-2
src/routes/[[actor=actor]]/events/[rkey]/+page.svelte
+2
-2
src/routes/[[actor=actor]]/events/[rkey]/+page.svelte
···
171
171
<meta name="twitter:image" content={ogImageUrl} />
172
172
</svelte:head>
173
173
174
-
<div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12 sm:py-12">
175
-
<div class="mx-auto max-w-4xl">
174
+
<div class="min-h-screen px-6 py-12 sm:py-12">
175
+
<div class="mx-auto max-w-2xl">
176
176
<!-- Banner image (full width, only when no thumbnail) -->
177
177
{#if isBannerOnly && displayImage}
178
178
<img
+1
-1
src/routes/[[actor=actor]]/events/[rkey]/EventRsvp.svelte
+1
-1
src/routes/[[actor=actor]]/events/[rkey]/EventRsvp.svelte
···
120
120
</script>
121
121
122
122
<div
123
-
class="border-base-200 dark:border-base-800 bg-base-100 items-between dark:bg-base-900/50 mt-8 mb-2 flex h-25 flex-col justify-center rounded-2xl border p-4"
123
+
class="border-base-200 dark:border-base-800 bg-base-100 items-between dark:bg-base-950/50 mt-8 mb-2 flex h-25 flex-col justify-center rounded-2xl border p-4"
124
124
>
125
125
{#if user.isInitializing || rsvpLoading}
126
126
<div class="flex items-center gap-3">
+2
-2
src/routes/[[actor=actor]]/events/new/+page.svelte
+2
-2
src/routes/[[actor=actor]]/events/new/+page.svelte
···
359
359
<title>Create Event</title>
360
360
</svelte:head>
361
361
362
-
<div class="bg-base-50 dark:bg-base-950 min-h-screen px-6 py-12 sm:py-12">
363
-
<div class="mx-auto max-w-4xl">
362
+
<div class="min-h-screen px-6 py-12 sm:py-12">
363
+
<div class="mx-auto max-w-2xl">
364
364
{#if user.isInitializing}
365
365
<div class="flex items-center gap-3">
366
366
<div class="bg-base-300 dark:bg-base-700 size-5 animate-pulse rounded-full"></div>