wah.su/wahs.wah.su
1
0
Fork 0
mirror of https://github.com/wah-su/wahs.wah.su.git synced 2025-04-04 23:34:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

make margins on main page consist with the images page

Browse source
This commit is contained in:
Kentai Radiquum 2025-02-01 02:56:12 +05:00
parent 567136dc9c
commit 8110fc3772
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/static/tailwind.css
View file

@ -584,8 +584,8 @@
.my-2 {
margin-block: calc(var(--spacing) * 2);
}
.mt-4 {
margin-top: calc(var(--spacing) * 4);
.mt-2 {
margin-top: calc(var(--spacing) * 2);
}
.contents {
display: contents;

2
src/templates/index.tsx
View file

@ -7,7 +7,7 @@ export default function IndexPage() {
<p className="text-4xl bg-orange-800/50 rounded-sm p-4">Images</p>
<div
id="index_images"
className="mt-4 flex overflow-x-auto sm:overflow-x-hidden sm:grid sm:grid-cols-[repeat(auto-fill,minmax(25%,1fr))] xl:grid-cols-[repeat(auto-fill,minmax(20%,1fr))] sm:items-center sm:justify-center gap-4"
className="mt-2 flex overflow-x-auto sm:overflow-x-hidden sm:grid sm:grid-cols-[repeat(auto-fill,minmax(25%,1fr))] xl:grid-cols-[repeat(auto-fill,minmax(20%,1fr))] sm:items-center sm:justify-center gap-2"
>
{[...Array(7).keys()].map((idx) => {
return <Placeholder key={`placeholder__image-${idx}`} isMobileHidden={idx > 4} />;