ui updates :propery structuring components

2026-07-30 18:30:54 +02:00
parent a845fdecda
commit cb5acb20a0
4 changed files with 163 additions and 98 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -24,3 +24,26 @@ body {
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
 }
+
+.mainContainer {
+  max-width: 56rem;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 2.5rem 1rem;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+  background-color: #ffffff;
+  /* White background */
+  color: #18181b;
+  /* Dark text for clear contrast */
+}
+
+@media (prefers-color-scheme: dark) {
+  .mainContainer {
+    background-color: #ffffff;
+    /* Or keep #ffffff if you want light mode background even in OS dark mode */
+    color: #18181b;
+  }
+}