flo-bit.dev
[READ-ONLY] Mirror of https://github.com/flo-bit/skywatched. review movies and tv shows, based on at proto
skywatched.app
fix small design issues
author
Florian
date
(Dec 17, 2024, 8:45 PM +0100)
commit
fa55c9fd
fa55c9fd5916435946e377d5001cd76b10938a92
parent
fd3c13b6
fd3c13b60b4509027d85dc95a27a9f5a62a5ac29
+19
-2
+17
src/app.css
+17
src/app.css
···
5
5
::selection {
6
6
@apply bg-accent-800/50 text-accent-50;
7
7
}
8
+
9
+
/* width */
10
+
::-webkit-scrollbar {
11
+
width: 5px;
12
+
height: 5px;
13
+
}
14
+
15
+
/* Track */
16
+
::-webkit-scrollbar-track {
17
+
@apply bg-transparent;
18
+
}
19
+
20
+
/* Handle */
21
+
::-webkit-scrollbar-thumb {
22
+
@apply bg-base-600 hover:bg-accent-500 transition-colors duration-150;
23
+
border-radius: 5px;
24
+
}
+2
-2
src/lib/Components/ReviewCard.svelte
+2
-2
src/lib/Components/ReviewCard.svelte
···
8
8
</script>
9
9
10
10
<div class="relative w-full max-w-2xl p-6 backdrop-blur-sm">
11
-
<div class="flex items-center gap-4">
11
+
<div class="flex items-center gap-4 max-w-full overflow-hidden">
12
12
{#if showMovieDetails}
13
13
<a
14
14
href={data.record.item.ref === 'tmdb:m'
···
28
28
{/if}
29
29
30
30
<div class="flex flex-col gap-3">
31
-
<a href={`/user/${data.author.handle}`} class="flex flex-row items-center gap-4 font-medium">
31
+
<a href={`/user/${data.author.handle}`} class="flex flex-row items-center gap-4 font-medium overflow-hidden">
32
32
<div class="flex items-center gap-2">
33
33
{#if data.author.avatar}
34
34
<img src={data.author.avatar} alt="user avatar" class="size-5 rounded-full" />