remove danger style property aka star code

dev-KPI · Feb 3, 2024 · 4b79bca · 4b79bca
1 parent 1c4855b
commit 4b79bca
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 3 deletions.
diff --git a/src/app/auth/page.tsx b/src/app/auth/page.tsx
@@ -6,7 +6,7 @@ import { ThemeToggler } from '@/components/ui/theme-toggler'
 
 export default function Auth() {
   return (
-    <AuthContent className="*:*:pt-36 md:*:*:pt-10">
+    <AuthContent className="auth-page">
       <ImageCard className="-my-[4.375rem] hidden md:flex">
         <Icons.golub />
       </ImageCard>

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -95,3 +95,37 @@
     @apply text-xs uppercase;
   }
 }
+
+.auth-page section {
+  padding-top: 9rem;
+  padding-bottom: 9rem;
+}
+
+@media (min-width: theme('screens.md')) {
+  .auth-page section {
+    padding-top: 2.5rem;
+    padding-bottom: 2.5rem;
+  }
+}
+
+.profile-page section {
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+@media (min-width: theme('screens.md')) {
+  .profile-page section {
+    flex-direction: row;
+    flex-grow: 0;
+  }
+}
+
+.verification-page section {
+  flex-direction: column;
+}
+
+@media (min-width: theme('screens.md')) {
+  .verification-page section {
+    flex-direction: row;
+  }
+}
diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
@@ -6,7 +6,7 @@ import { ThemeToggler } from '@/components/ui/theme-toggler'
 
 export default function Profile() {
   return (
-    <AuthContent className="*:*:flex-col *:*:grow bg-white md:*:*:grow-0 md:*:*:flex-row md:bg-gradient-blue-white">
+    <AuthContent className="profile-page bg-white md:bg-gradient-blue-white">
       <h3 className="text-lg font-medium text-center py-[0.4375rem] md:hidden">
         Profile
       </h3>

diff --git a/src/app/verification/page.tsx b/src/app/verification/page.tsx
@@ -6,7 +6,7 @@ import { ThemeToggler } from '@/components/ui/theme-toggler'
 
 export default function Verification() {
   return (
-    <AuthContent className="*:*:flex-col md:*:*:flex-row">
+    <AuthContent className="verification-page">
       <ImageCard className="bg-none px-0 pb-[0.625rem] pt-[2.75rem] md:pt-10 md:hidden">
         <Icons.messages />
       </ImageCard>