forked from
flo-bit.dev/blento
your personal website on atproto - mirror
improve design
+7
-7
+1
-1
src/app.html
+1
-1
src/app.html
···
11
11
data-website-id="c55efa23-9abe-4a7e-b8fd-81b9fa7e8052"
12
12
></script>
13
13
</head>
14
-
<body data-sveltekit-preload-data="hover" class="bg-base-100 dark:bg-base-950">
14
+
<body data-sveltekit-preload-data="hover" class="bg-base-100/70 dark:bg-base-950">
15
15
<div style="display: contents">%sveltekit.body%</div>
16
16
</body>
17
17
</html>
+2
-2
src/lib/EditableWebsite.svelte
+2
-2
src/lib/EditableWebsite.svelte
···
226
226
<Profile {handle} {did} {data} />
227
227
228
228
<div
229
-
class="mx-auto max-w-2xl @5xl/wrapper:grid @5xl/wrapper:max-w-none @5xl/wrapper:grid-cols-4 @7xl/wrapper:grid-cols-3"
229
+
class="mx-auto max-w-2xl @5xl/wrapper:grid @5xl/wrapper:max-w-7xl @5xl/wrapper:grid-cols-4 @7xl/wrapper:grid-cols-3"
230
230
>
231
231
<div></div>
232
232
<!-- svelte-ignore a11y_no_static_element_interactions -->
···
392
392
</svg>
393
393
</Button>
394
394
{/if}
395
-
395
+
396
396
<Button
397
397
size="iconLg"
398
398
variant="ghost"
+1
-1
src/lib/Profile.svelte
+1
-1
src/lib/Profile.svelte
···
23
23
24
24
<Head
25
25
favicon={'https://cdn.bsky.app/img/avatar/plain/' + did + '/' + profileData?.avatar.ref.$link}
26
-
title={(profileData?.displayName || handle) + "'s blento"}
26
+
title={(profileData?.displayName || handle)}
27
27
/>
28
28
29
29
<!-- lg:fixed lg:h-screen lg:w-1/4 lg:max-w-none lg:px-12 lg:pt-24 xl:w-1/3 -->
+3
-3
src/lib/cards/BaseCard/BaseCard.svelte
+3
-3
src/lib/cards/BaseCard/BaseCard.svelte
···
6
6
import type { HTMLAttributes } from 'svelte/elements';
7
7
8
8
const colors = {
9
-
base: 'border-base-200 bg-base-50 dark:border-base-800 dark:bg-base-900 border',
10
-
accent: 'border-accent-200 bg-accent-50 dark:border-accent-900/50 dark:bg-accent-950/50 border',
9
+
base: 'border-base-200 shadow-lg dark:shadow-none inset-shadow-sm inset-shadow-base-500/10 shadow-base-900/5 bg-base-50 dark:border-base-800 dark:bg-base-900 border',
10
+
accent: 'border-accent-200 shadow-lg inset-shadow-sm inset-shadow-accent-500/10 shadow-accent-900/10 bg-accent-50 dark:border-accent-900/50 dark:bg-accent-950/20 border',
11
11
transparent: ''
12
12
} as Record<string, string>;
13
13
···
33
33
bind:this={ref}
34
34
draggable={isEditing}
35
35
class={[
36
-
'card group focus-within:outline-accent-500 @container/card absolute z-0 rounded-2xl outline-offset-2 focus-within:outline-2',
36
+
'card group transition-transform duration-200 focus-within:outline-accent-500 @container/card absolute z-0 rounded-2xl outline-offset-2 focus-within:outline-2',
37
37
item.color ? (colors[item.color] ?? colors.accent) : colors.base,
38
38
item.color !== 'accent' && item.color !== 'base' && item.color !== 'transparent'
39
39
? item.color