a tool for shared writing and social publishing
added overflow scrolling for cards, removed scrollbars withing y scolling cards and in the carousel
+56
-1
+5
app/globals.css
+5
app/globals.css
+50
app/test/card.tsx
+50
app/test/card.tsx
···
23
23
bg-bg-card rounded-lg border
24
24
grow flex flex-col gap-2
25
25
snap-center
26
+
overflow-y-scroll no-scrollbar
26
27
${props.focused ? "shadow-md border-grey-80" : "border-grey-90"}`}
27
28
>
28
29
{props.children}
···
51
52
index={props.index}
52
53
cardWidth={props.cardWidth}
53
54
/>
55
+
</div>
56
+
57
+
<div>
58
+
{" "}
59
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ac quam
60
+
in tortor sollicitudin lobortis. Quisque vitae massa sit amet quam
61
+
tristique maximus. Aliquam cursus bibendum nunc eu tempor. Ut metus
62
+
orci, ornare quis rutrum in, pulvinar in nulla. Morbi sapien lectus,
63
+
consectetur quis ultricies at, porttitor sit amet mi. Donec ex lectus,
64
+
condimentum in ligula ut, luctus sodales magna. Vivamus porta pulvinar
65
+
sapien vel sagittis. Aliquam vel sem scelerisque, bibendum lectus et,
66
+
dignissim dolor. Fusce ullamcorper ante in purus pellentesque, quis
67
+
iaculis ex egestas. Vestibulum vel leo in orci commodo ultricies quis
68
+
a elit. Etiam vehicula magna in turpis iaculis efficitur. Aliquam
69
+
massa tortor, dapibus et tellus a, volutpat tempus leo. Cras ac nisl
70
+
semper, porttitor ante eget, feugiat quam. Nulla nibh nulla,
71
+
vestibulum in dolor eu, dapibus sodales nisl. Proin lacus orci, congue
72
+
id accumsan ut, lobortis in libero. Integer eget massa dictum, ornare
73
+
lacus et, aliquam enim. Ut ornare urna vel pharetra dictum. Nullam
74
+
fermentum, purus ac faucibus fringilla, elit enim posuere massa,
75
+
volutpat porta lacus arcu vel eros. Integer sagittis dolor nec velit
76
+
vulputate pulvinar. Quisque vel orci orci. Donec augue ipsum, lobortis
77
+
in sapien aliquam, interdum cursus ipsum. Donec consectetur tristique
78
+
elit. Sed volutpat congue luctus. Mauris vitae arcu eu ex congue
79
+
molestie. Aliquam erat volutpat. Fusce sed ipsum eros. Donec semper
80
+
neque ut dolor aliquam hendrerit. Praesent et tincidunt nisi. Integer
81
+
sollicitudin urna eros, non aliquam neque semper in. Nulla eu nunc at
82
+
urna auctor bibendum ut eu mauris. Nullam ultricies lorem ut nibh
83
+
tristique, vitae euismod tellus placerat. Aliquam euismod, augue ac
84
+
sollicitudin molestie, neque tellus bibendum arcu, quis sollicitudin
85
+
ipsum risus eget dolor. Phasellus consectetur pellentesque urna in
86
+
maximus. Curabitur dignissim tortor quis lorem elementum scelerisque.
87
+
Vestibulum ac rutrum nisl. Sed neque turpis, commodo a augue a,
88
+
hendrerit pretium dui. Cras ut augue vehicula, scelerisque sem ac,
89
+
dictum justo. Phasellus egestas lorem sed est elementum finibus. Proin
90
+
ultrices rutrum neque, at varius arcu pellentesque in. Quisque
91
+
suscipit elit eu ante viverra bibendum et quis mauris. Sed
92
+
pellentesque aliquet dolor at tempus. Donec eu nulla in ligula cursus
93
+
ultrices. Sed quis tristique purus. Duis semper, urna in facilisis
94
+
dapibus, leo ligula gravida tortor, vitae dignissim lorem orci vitae
95
+
ante. Integer auctor ipsum vitae risus scelerisque facilisis. Vivamus
96
+
molestie in purus eu hendrerit. Ut laoreet tortor ut vestibulum
97
+
gravida. Curabitur in orci a quam lacinia iaculis id ut ipsum. Ut nec
98
+
lorem sed mauris condimentum semper eget vitae lorem. Aenean pretium
99
+
ipsum sit amet massa auctor feugiat. Maecenas malesuada imperdiet leo,
100
+
non tempus nibh suscipit eget. Fusce eu diam ligula. Quisque at ornare
101
+
massa. Suspendisse potenti. Fusce convallis, dolor rutrum elementum
102
+
commodo, lacus dui vestibulum lectus, non maximus quam metus finibus
103
+
libero.
54
104
</div>
55
105
</div>
56
106
</>
+1
-1
app/test/page.tsx
+1
-1
app/test/page.tsx
···
16
16
<PageHeader />
17
17
18
18
<div
19
-
className="pageContentWrapper w-full relative overflow-x-scroll snap-x snap-mandatory grow items-stretch flex "
19
+
className="pageContentWrapper w-full relative overflow-x-scroll snap-x snap-mandatory no-scrollbar grow items-stretch flex "
20
20
id="card-carousel"
21
21
>
22
22
<div className="pageContent flex py-4">