Merge pull request #6 from nozich-inc/develop

Aspect
nozich-inc · Aug 28, 2023 · e925f00 · e925f00
2 parents bbceb34 + fa237c3
commit e925f00
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 29 deletions.
diff --git a/app/choose.jsx b/app/choose.jsx
@@ -8,34 +8,36 @@ export default function Choose() {
   return (
     <div
       className={classNames(
-        'demo cursor-default p-2 overflow-hidden w-full h-full flex flex-wrap flex-col items-center justify-center text-center bg-black/30 rounded-lg'
+        'demo cursor-default p-2 overflow-hidden w-full h-full flex flex-col items-center justify-center text-center bg-black/30 rounded-lg'
       )}
     >
-      <span
-        className={classNames(
-          'text-5xl scroll-mb-10 text-white',
-          dancingScript.className
-        )}
-      >
-        Welcome
-      </span>
+      <div className="flex flex-col scroll-mt-20">
+        <span
+          className={classNames(
+            'text-5xl scroll-mb-0 mt-6 text-white',
+            dancingScript.className
+          )}
+        >
+          Welcome
+        </span>
 
-      <span
-        className={classNames(
-          'text-3xl mt-2 scroll-mb-6 text-white/50',
-          dancingScript.className
-        )}
-      >
-        pick a demo
-      </span>
+        <span
+          className={classNames(
+            'text-3xl mt-2 scroll-mb-6 text-white/50',
+            dancingScript.className
+          )}
+        >
+          pick a demo
+        </span>
 
-      <span
-        className={classNames('text-5xl mt-2 mb-4 scroll-mb-10 text-white')}
-      >
-        ⇢
-      </span>
+        <span
+          className={classNames('text-5xl mt-2 mb-4 scroll-mb-0 text-white')}
+        >
+          ⇢
+        </span>
+      </div>
 
-      <div className="flex flex-col">
+      <div className="flex flex-col min-h-0 overflow-hidden">
         <span className="text-md font-semibold text-lime-300">
           Bomonti Sydney
         </span>

diff --git a/styles/globals.css b/styles/globals.css
@@ -16,10 +16,10 @@
   }
 }
 
-html,
-body {
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
+@layer components {
+
+  html,
+  body {
+    @apply w-full h-full m-0 p-0;
+  }
 }