-
-
- + + + +
diff --git a/assets/script.js b/assets/script.js index 15d1ddc..98e3a38 100644 --- a/assets/script.js +++ b/assets/script.js @@ -202,6 +202,13 @@ async function togglearticlecreate() { articleContainerElement.classList.toggle("hidden"); } +async function togglememecreate() { + "use strict"; + let memeContainerElement = document.getElementById("memecreatecontainer"); + + memeContainerElement.classList.toggle("hidden"); +} + async function renderarticles() { "use strict"; let template = document.querySelector('template[data-template-name="article"]').innerHTML; @@ -613,6 +620,7 @@ async function addMeme() { meme_image_id: memeImageElement.value }, "Meme bol zmazaný", "Nastala chyba pri mazaní meme-u", false); memeFormElement.reset(); + await togglememecreate(); } async function deleteMeme(memeId) { diff --git a/assets/style.css b/assets/style.css index 647f37c..43c47f8 100644 --- a/assets/style.css +++ b/assets/style.css @@ -294,7 +294,7 @@ span#ye-span:hover + body{ } -#articlecreate { +#articlecreate, #memecreate { border: 5px solid var(--pico-primary); z-index: 5; margin: auto; @@ -311,15 +311,15 @@ span#ye-span:hover + body{ display: none; } -#articlecreatecontainer{ +#articlecreatecontainer, #memecreatecontainer{ display: flex; align-items: center; justify-content: center; position: fixed; - top: 0; + top: 12vh; left: 0; width: 100vw; - height: 100vh; + height: 88vh; z-index: 4; backdrop-filter: blur(2px); } diff --git a/templates/meme_add.html b/templates/meme_add.html index 69cd3f9..76ca676 100644 --- a/templates/meme_add.html +++ b/templates/meme_add.html @@ -1,9 +1,15 @@ -
\ No newline at end of file +Skoro, ako r/adlerka, ale lepšie.
+