wah.su/mstickers
1
0
Fork 0
mirror of https://github.com/wah-su/mstickers.git synced 2025-05-22 20:59:39 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add sticker pack stickers preview

Browse source
This commit is contained in:
Kentai Radiquum 2024-12-29 03:18:33 +05:00
parent acfae9f06f
commit 101036f9c7
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
4 changed files with 61 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

17
index.html
View file

@ -9,11 +9,11 @@
</head>
<body>
<div class="absolute inset-0 min-h-screen -z-10 tiledBackground"></div>
<div class="absolute inset-0 min-h-screen -z-20 bg-gradient-to-b from-gray-900 to-black"></div>
<div class="container flex flex-col items-center justify-center min-w-full min-h-screen gap-4 mx-auto">
<div class="fixed inset-0 min-h-screen -z-10 tiledBackground"></div>
<div class="fixed inset-0 min-h-screen -z-20 bg-gradient-to-b from-gray-900 to-black"></div>
<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 px-4 max-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"
id="preview_sticker_pack">
<img src="static/images/cinny.png" class="object-contain w-64" alt="" id="preview_sticker_pack_image" />
@ -83,6 +83,15 @@
<button class="flex items-center justify-center w-full py-2 text-2xl bg-red-600 rounded-lg" onclick="toggleElementInstruction()">Close</button>
</div>
<div class="w-full md:w-[600px]">
<div class="p-4 rounded-lg shadow-lg bg-stone-800 text-slate-200 ">
<p class="text-2xl">Pack Preview</p>
<div class="flex flex-wrap gap-4 mt-4 " id="preview_sticker_pack_stickers">
<img src="static/images/cinny.png" alt="" class="hidden object-contain w-20" />
</div>
</div>
</div>
</div>
<script src="static/pack_preview.js"></script>
</body>