Center Modal on Screen

Author: meo2326cc

_includes/footer.html

@@ -53,7 +53,7 @@
         class="absolute top-0 w-full h-full bg-black/50"
       ></div>
       <div
-        class="absolute left-1/2 -translate-x-1/2 overflow-y-auto top-28 rounded-xl p-4 md:p-8 pr-6 w-[90vw] md:w-[60rem] max-h-[70vh] md:max-h-[80vh] bg-white text-left shadow-xl transition-all [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar]:pr-1 [&::-webkit-scrollbar-track]:rounded-r-xl [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:rounded-xl [&::-webkit-scrollbar-thumb]:bg-gray-300"
+        class="absolute left-1/2 -translate-x-1/2 overflow-y-auto top-1/2 -translate-y-1/2 rounded-xl p-4 md:p-8 pr-6 w-[90vw] md:w-[60rem] max-h-[70vh] md:max-h-[80vh] bg-white text-left shadow-xl transition-all [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar]:pr-1 [&::-webkit-scrollbar-track]:rounded-r-xl [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:rounded-xl [&::-webkit-scrollbar-thumb]:bg-gray-300"
       >
         <div class="relative w-full p-4 bg-white">
           <div class="flex flex-col items-center">
@@ -94,7 +94,7 @@ <h3 class="text-3xl text-center font-bold text-red-normal">
         class="absolute top-0 w-full h-full bg-black/50"
       ></div>
       <div
-        class="absolute left-1/2 -translate-x-1/2 overflow-y-auto top-28 rounded-xl p-4 md:p-8 pr-6 w-[90vw] md:w-[60rem] max-h-[70vh] md:max-h-[80vh] bg-white text-left shadow-xl transition-all [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar]:pr-1 [&::-webkit-scrollbar-track]:rounded-r-xl [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:rounded-xl [&::-webkit-scrollbar-thumb]:bg-gray-300"
+        class="absolute left-1/2 -translate-x-1/2 overflow-y-auto top-1/2 -translate-y-1/2 rounded-xl p-4 md:p-8 pr-6 w-[90vw] md:w-[60rem] max-h-[70vh] md:max-h-[80vh] bg-white text-left shadow-xl transition-all [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar]:pr-1 [&::-webkit-scrollbar-track]:rounded-r-xl [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:rounded-xl [&::-webkit-scrollbar-thumb]:bg-gray-300"
       >
         <div class="relative w-full p-4 bg-white">
           <div

_includes/speaker_modals.html

@@ -14,7 +14,7 @@
       class="absolute top-0 w-full h-full bg-black/50"
     ></div>
     <div
-      class="absolute left-1/2 -translate-x-1/2 overflow-y-auto top-28 rounded-lg p-4 md:p-8 w-[90vw] md:w-[60rem] max-h-[70vh] md:max-h-[80vh] bg-white text-left shadow-xl transition-all [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar]:pr-1 [&::-webkit-scrollbar-track]:rounded-r-xl [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:rounded-xl [&::-webkit-scrollbar-thumb]:bg-gray-300"
+      class="absolute left-1/2 -translate-x-1/2 overflow-y-auto top-1/2 -translate-y-1/2 rounded-lg p-4 md:p-8 w-[90vw] md:w-[60rem] max-h-[70vh] md:max-h-[80vh] bg-white text-left shadow-xl transition-all [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar]:pr-1 [&::-webkit-scrollbar-track]:rounded-r-xl [&::-webkit-scrollbar-track]:bg-gray-100 [&::-webkit-scrollbar-thumb]:rounded-xl [&::-webkit-scrollbar-thumb]:bg-gray-300"
     >
       <div
         class="relative w-full p-4 bg-white md:grid md:grid-cols-5 gap-x-4"

index.html

@@ -72,6 +72,9 @@
   class="relative overflow-x-hidden"
   x-cloak
 >
+  <div class="absolute flex justify-center box-content right-0 md:w-40 md:py-5 px-20 w-28 py-2 bg-white rotate-45 translate-x-[30%] translate-y-[25%]">
+    {% include images/coscup_x5F_Logo.svg %}
+  </div>
   <div
     class="hidden md:block fixed top-1/2 left-0 w-full max-w-screen h-full max-h-[304px] transition-opacity duration-300"
   >