implement halfscreen

GTBitsOfGood · Sep 9, 2024 · 161c840 · 161c840
1 parent caf08a2
commit 161c840
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/web/components/logos/HalfScreen.tsx b/web/components/logos/HalfScreen.tsx
@@ -0,0 +1,20 @@
+import React from "react"
+
+export default function HalfScreen() {
+
+    return (
+        <div className="flex flex-col bg-custom-background w-full h-[20%] justify-center items-center sm:w-1/2 sm:h-full">
+            <div className="flex flex-row relative w-full h-[40%] justify-center sm:w-[17%] sm:h-[13%] sm:mb-[5%]">
+                <img src = '/MBBLogo.png' className="shrink-0 stroke-[2.1px] object-contain sm:stroke-[3px]"></img>
+            </div>
+            <div className="hidden sm:flex flex-col w-full h-[10%] justify-center shrink-0">
+                <p className="text-white text-center font-opensans text-[30px] font-bold leading-normal tracking-[0.9px] uppercase">
+                    Motherhood
+                </p>
+                <p className="text-white text-center font-opensans text-[30px] font-bold leading-normal tracking-[0.9px] uppercase">
+                    Beyond bars
+                </p>
+            </div>
+        </div>
+    )
+}
diff --git a/web/components/logos/Loading.tsx b/web/components/logos/Loading.tsx
@@ -1,11 +1,11 @@
 import React from "react"
 
 export default function LoadingScreen() {
-    
+
     return (
         <div className="flex flex-col bg-custom-background w-full h-screen justify-center items-center">
-            <div className="flex flex-row relative w-full h-[10%] justify-center mb-[10%]">
-                <img src = '/MBBLogo.png' className="shrink-0 stroke-[2.1px]"></img>
+            <div className="flex flex-row relative w-full h-[10%] justify-center mb-[10%] sm:w-[17%] sm:h-[13%] sm:mb-[5%]">
+                <img src = '/MBBLogo.png' className="shrink-0 stroke-[2.1px] object-contain sm:stroke-[3px]"></img>
             </div>
             <div className="flex flex-col w-full h-[10%] justify-center shrink-0">
                 <p className="text-white text-center font-opensans text-[30px] font-bold leading-normal tracking-[0.9px] uppercase">