css refactor (#3458)

PalisadoesFoundation · Jan 28, 2025 · a7f3771 · a7f3771
1 parent 540dd4a
commit a7f3771
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 23 deletions.
diff --git a/src/components/NotFound/NotFound.module.css b/src/components/NotFound/NotFound.module.css
diff --git a/src/components/NotFound/NotFound.tsx b/src/components/NotFound/NotFound.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 
-import styles from './NotFound.module.css';
+import styles from '../../style/app.module.css';
 
 interface InterfaceNotFoundProps {
   title: string; // Title of the page or resource not found

diff --git a/src/style/app.module.css b/src/style/app.module.css
@@ -9101,3 +9101,28 @@ button[data-testid='createPostBtn'] {
   gap: 10px;
   align-items: center;
 }
+
+/* NotFound.tsx */
+
+.section {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.error {
+  font-size: 1.2rem;
+  font-weight: 500;
+}
+
+@media (min-width: 440px) and (max-width: 570px) {
+  .section {
+    margin-left: 50px;
+  }
+  .error {
+    font-size: 1.1rem;
+    font-style: oblique;
+  }
+}