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

edit pack preview card image size

Browse source
This commit is contained in:
Kentai Radiquum 2024-12-29 14:00:41 +05:00
parent 31f4aee1e8
commit 38f4fb54fd
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 22 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -14,9 +14,9 @@
<div class="container flex flex-col items-center justify-center min-h-screen gap-4 p-4 mx-auto"> <div class="container flex flex-col items-center justify-center min-h-screen gap-4 p-4 mx-auto">
<div class="flex-col hidden gap-4 w-full md:w-[600px]" id="preview_sticker_pack"> <div class="flex-col hidden gap-4 w-full md:w-[600px]" id="preview_sticker_pack">
<div class="flex flex-col items-center justify-center gap-4 p-4 rounded-lg shadow-lg md:flex-row bg-stone-800 text-slate-200" <div class="flex flex-wrap items-center justify-around gap-4 p-4 rounded-lg shadow-lg md:flex-row bg-stone-800 text-slate-200"
id="preview_sticker_pack"> id="preview_sticker_pack">
<img src="static/images/cinny.png" class="object-contain w-64" alt="" id="preview_sticker_pack_image" /> <img src="static/images/cinny.png" class="object-contain w-32 md:w-64" alt="" id="preview_sticker_pack_image" />
<div class="flex flex-col justify-center gap-2"> <div class="flex flex-col justify-center gap-2">
<p class="text-4xl text-bold" id="preview_sticker_pack_name"> <p class="text-4xl text-bold" id="preview_sticker_pack_name">
{sticker_pack_name} {sticker_pack_name}

20
static/tailwind.css
View file

@ -661,6 +661,10 @@ video {
width: 6rem; width: 6rem;
} }
.w-32 {
width: 8rem;
}
.max-w-\[90\%\] { .max-w-\[90\%\] {
max-width: 90%; max-width: 90%;
} }
@ -681,6 +685,14 @@ video {
justify-content: center; justify-content: center;
} }
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.gap-2 { .gap-2 {
gap: 0.5rem; gap: 0.5rem;
} }
@ -859,6 +871,10 @@ video {
width: 5rem; width: 5rem;
} }
.md\:w-64 {
width: 16rem;
}
.md\:max-w-\[768px\] { .md\:max-w-\[768px\] {
max-width: 768px; max-width: 768px;
} }
@ -867,6 +883,10 @@ video {
flex-direction: row; flex-direction: row;
} }
.md\:items-center {
align-items: center;
}
.md\:whitespace-pre { .md\:whitespace-pre {
white-space: pre; white-space: pre;
} }