style: add utility class for scrollbar hiding and align content correctly in meme page layout
This commit is contained in:
@@ -50,7 +50,7 @@ export default async function MemePage({
|
|||||||
Retour au flux
|
Retour au flux
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
|
<div className="grid grid-cols-1 lg:grid-cols-3 gap-8 items-start">
|
||||||
<div className="lg:col-span-2">
|
<div className="lg:col-span-2">
|
||||||
<ContentCard content={content} />
|
<ContentCard content={content} />
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -74,6 +74,16 @@
|
|||||||
--color-destructive-foreground: var(--destructive-foreground);
|
--color-destructive-foreground: var(--destructive-foreground);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@layer utilities {
|
||||||
|
.no-scrollbar::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.no-scrollbar {
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
scrollbar-width: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--radius: 0.5rem;
|
--radius: 0.5rem;
|
||||||
--background: oklch(0.9821 0 0);
|
--background: oklch(0.9821 0 0);
|
||||||
|
|||||||
Reference in New Issue
Block a user