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

add sticker count

Browse source
This commit is contained in:
Kentai Radiquum 2024-12-29 13:51:47 +05:00
parent 101036f9c7
commit a2a64f49bb
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
3 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
index.html
View file

@ -83,9 +83,9 @@
<button class="flex items-center justify-center w-full py-2 text-2xl bg-red-600 rounded-lg" onclick="toggleElementInstruction()">Close</button> <button class="flex items-center justify-center w-full py-2 text-2xl bg-red-600 rounded-lg" onclick="toggleElementInstruction()">Close</button>
</div> </div>
<div class="w-full md:w-[600px]"> <div class="w-full md:w-[600px] hidden" id="preview_sticker_pack_stickers_container">
<div class="p-4 rounded-lg shadow-lg bg-stone-800 text-slate-200 "> <div class="p-4 rounded-lg shadow-lg bg-stone-800 text-slate-200 ">
<p class="text-2xl">Pack Preview</p> <p class="text-2xl">Pack Preview <span id="preview_sticker_pack_stickers_count"></span></p>
<div class="flex flex-wrap gap-4 mt-4 " id="preview_sticker_pack_stickers"> <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" /> <img src="static/images/cinny.png" alt="" class="hidden object-contain w-20" />
</div> </div>

4
static/pack_preview.js
View file

@ -3,6 +3,8 @@ const packName = document.getElementById("preview_sticker_pack_name");
const packAuthor_by = document.getElementById("preview_sticker_pack_author_by"); const packAuthor_by = document.getElementById("preview_sticker_pack_author_by");
const packAuthor = document.getElementById("preview_sticker_pack_author"); const packAuthor = document.getElementById("preview_sticker_pack_author");
const packImage = document.getElementById("preview_sticker_pack_image"); const packImage = document.getElementById("preview_sticker_pack_image");
const packStickersC = document.getElementById("preview_sticker_pack_stickers_container");
const packStickersCount = document.getElementById("preview_sticker_pack_stickers_count");
const packStickers = document.getElementById("preview_sticker_pack_stickers"); const packStickers = document.getElementById("preview_sticker_pack_stickers");
const packLinkTG = document.getElementById("preview_sticker_pack_add_tg"); const packLinkTG = document.getElementById("preview_sticker_pack_add_tg");
const packLinkFC = document.getElementById("preview_sticker_pack_add_fc"); const packLinkFC = document.getElementById("preview_sticker_pack_add_fc");
@ -124,6 +126,8 @@ function updatePackInfo(data) {
packLinkCI.classList.add("flex"); packLinkCI.classList.add("flex");
} }
packStickersC.classList.remove('hidden')
packStickersCount.innerHTML = `(${data.stickers.length})`;
for (let i = 0; i < data.stickers.length; i++) { for (let i = 0; i < data.stickers.length; i++) {
const sticker = data.stickers[i]; const sticker = data.stickers[i];
const stickerImage = document.createElement("img"); const stickerImage = document.createElement("img");

8
static/tailwind.css
View file

@ -588,10 +588,6 @@ video {
} }
} }
.static {
position: static;
}
.fixed { .fixed {
position: fixed; position: fixed;
} }
@ -600,10 +596,6 @@ video {
position: absolute; position: absolute;
} }
.sticky {
position: sticky;
}
.inset-0 { .inset-0 {
inset: 0px; inset: 0px;
} }