tweaks

appwrite · Oct 29, 2024 · 83272d9 · 83272d9
1 parent ca0a515
commit 83272d9
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/src/routes/products/auth/(components)/Bento.svelte b/src/routes/products/auth/(components)/Bento.svelte
@@ -20,7 +20,9 @@
             </p>
         </div>
 
-        <div class="mt-10 grid min-h-[900px] gap-4 md:grid-cols-2 lg:grid-cols-3 lg:grid-rows-12">
+        <div
+            class="mt-10 grid min-h-[900px] grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3 lg:grid-rows-12"
+        >
             <SessionManagement />
             <MultiFactor />
             <SecurePasswords />

diff --git a/src/routes/products/auth/(components)/Hero.svelte b/src/routes/products/auth/(components)/Hero.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div
-    class="box-content flex min-h-[85vh] items-center bg-[url(/images/bgs/mobile-auth-hero.png)] bg-cover bg-bottom pt-32 px-5 pb-40 md:bg-[url(/images/bgs/auth-hero.png)] md:bg-center md:py-0 md:py-20 lg:px-8 xl:px-16"
+    class="box-content flex items-center bg-[url(/images/bgs/mobile-auth-hero.png)] bg-cover bg-bottom pt-20 px-5 pb-20 md:bg-[url(/images/bgs/auth-hero.png)] md:bg-center md:pt-32 md:pb-40 lg:px-8 xl:px-16"
 >
     <div class="mx-auto grid max-w-[75rem] items-center gap-16 md:grid-cols-2">
         <div class="space-y-4">

diff --git a/src/routes/products/auth/(components)/MultiFrameworkCode.svelte b/src/routes/products/auth/(components)/MultiFrameworkCode.svelte
@@ -51,7 +51,10 @@
     });
 </script>
 
-<section class="dark web-code-snippet mx-auto !max-w-[90vw]" aria-label="code-snippet panel">
+<section
+    class="dark web-code-snippet mx-auto !max-w-[90vw] md:min-w-2xl"
+    aria-label="code-snippet panel"
+>
     <header class="web-code-snippet-header">
         <div class="web-code-snippet-header-start">
             <div class="flex gap-4">

diff --git a/src/routes/products/auth/(components)/SSR.svelte b/src/routes/products/auth/(components)/SSR.svelte
@@ -138,7 +138,7 @@ async function getLoggedInUser(request) {
 </script>
 
 <section class="light bg-greyscale-50 py-4 md:py-20">
-    <div class="container grid gap-6 md:grid-cols-2">
+    <div class="container flex flex-col gap-6 md:flex-row">
         <div class="mb-10 flex max-w-lg flex-col">
             <span class="web-badges text-micro font-aeonik-fono mr-auto ml-0 uppercase !text-white"
                 >SSR_</span

diff --git a/src/routes/products/auth/(components)/animations/SessionManagement.svelte b/src/routes/products/auth/(components)/animations/SessionManagement.svelte
@@ -33,7 +33,7 @@
     </div>
     <div class="flex flex-1 flex-col justify-center rounded-lg bg-white/[0.02] pt-6 pl-6">
         <div
-            class="mt-auto mr-0 mb-0 ml-auto flex h-[90%] w-[95%] flex-1 flex-col rounded-tl-2xl border-t border-l border-white/[0.16] bg-gradient-to-br from-white/[0.1] via-white/[0.04] via-[61%] to-transparent to-white/[0.1]"
+            class="mt-auto mb-0 ml-auto flex h-[90%] w-[95%] flex-1 flex-col overflow-hidden rounded-tl-2xl border-t border-l border-white/[0.16] bg-gradient-to-br from-white/[0.1] via-white/[0.04] via-[61%] to-transparent to-white/[0.1]"
         >
             <div class="mt-2 ml-2 flex flex-1 flex-col">
                 <header