From 4fbfff4bdbc08ab3d1f429ba4365345ec8b0c18c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Buczek?= <pbuczek7@wp.pl>
Date: Mon, 25 Mar 2024 15:21:16 +0100
Subject: [PATCH] fix: #8 small fixes

---
 package-lock.json                       | 18 +++++++++---------
 package.json                            |  6 +++---
 src/components/common/Footer/Footer.tsx |  6 +++---
 tailwind.config.ts                      |  6 ++++++
 4 files changed, 21 insertions(+), 15 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index a2dbfe1..4753928 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,13 +14,13 @@
         "react-icons": "^5.0.1"
       },
       "devDependencies": {
-        "@types/node": "^20",
-        "@types/react": "^18",
+        "@types/node": "20.11.30",
+        "@types/react": "18.2.70",
         "@types/react-dom": "^18",
         "autoprefixer": "^10.0.1",
         "postcss": "^8",
         "tailwindcss": "^3.3.0",
-        "typescript": "^5"
+        "typescript": "5.4.3"
       }
     },
     "node_modules/@alloc/quick-lru": {
@@ -309,9 +309,9 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "18.2.67",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.67.tgz",
-      "integrity": "sha512-vkIE2vTIMHQ/xL0rgmuoECBCkZFZeHr49HeWSc24AptMbNRo7pwSBvj73rlJJs9fGKj0koS+V7kQB1jHS0uCgw==",
+      "version": "18.2.70",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.70.tgz",
+      "integrity": "sha512-hjlM2hho2vqklPhopNkXkdkeq6Lv8WSZTpr7956zY+3WS5cfYUewtCzsJLsbW5dEv3lfSeQ4W14ZFeKC437JRQ==",
       "dev": true,
       "dependencies": {
         "@types/prop-types": "*",
@@ -1773,9 +1773,9 @@
       "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
     },
     "node_modules/typescript": {
-      "version": "5.4.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.2.tgz",
-      "integrity": "sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==",
+      "version": "5.4.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.3.tgz",
+      "integrity": "sha512-KrPd3PKaCLr78MalgiwJnA25Nm8HAmdwN3mYUYZgG/wizIo9EainNVQI9/yDavtVFRN2h3k8uf3GLHuhDMgEHg==",
       "dev": true,
       "bin": {
         "tsc": "bin/tsc",
diff --git a/package.json b/package.json
index 46f1546..8628e09 100644
--- a/package.json
+++ b/package.json
@@ -15,12 +15,12 @@
     "react-icons": "^5.0.1"
   },
   "devDependencies": {
-    "@types/node": "^20",
-    "@types/react": "^18",
+    "@types/node": "20.11.30",
+    "@types/react": "18.2.70",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.0.1",
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
-    "typescript": "^5"
+    "typescript": "5.4.3"
   }
 }
diff --git a/src/components/common/Footer/Footer.tsx b/src/components/common/Footer/Footer.tsx
index 3ff7cbc..95b8d68 100644
--- a/src/components/common/Footer/Footer.tsx
+++ b/src/components/common/Footer/Footer.tsx
@@ -3,7 +3,7 @@ import { FaXTwitter } from "react-icons/fa6";
 
 function BottomLink ({ children }: { children: React.ReactNode }) {
     return (
-        <p className="font-sans text-xs cursor-pointer">{children}</p>
+        <p className="font-sans text-xs cursor-pointer text-center">{children}</p>
     );
   }
 
@@ -28,9 +28,9 @@ function BottomLink ({ children }: { children: React.ReactNode }) {
     return (
         <div className="flex flex-col lg:flex-row px-6 py-5 text-blue border-t border-blue">
             <span className="flex w-full justify-center lg:justify-start py-4 lg:py-0 order-2 lg:order-1">
-                <p className="font-sans text-xs">KONFERNO © 2024 Wszelkie prawa zastrzeżone</p>
+                <p className="font-sans text-xs text-center">KONFERO © 2024 Wszelkie prawa zastrzeżone</p>
             </span>
-            <span className="flex flex-wrap lg:flex-nowrap w-full justify-center lg:justify-end items-center space-x-6 order-1 lg:order-2">
+            <span className="flex flex-col space-y-3 xs:space-y-0 xs:flex-row xs::row-span-3 lg:flex-nowrap w-full justify-center lg:justify-end items-center xs:space-x-6 order-1 lg:order-2">
                 <BottomLink>Sponsorzy</BottomLink>
                 <BottomLink>Ostrzeżenie prawne</BottomLink>
                 <BottomLink>Polityka prywatności</BottomLink>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 87f4220..e62f2f3 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -8,6 +8,12 @@ const config: Config = {
   ],
   theme: {
     extend: {
+      screens: {
+        xs: "475px",
+        mds: "799px",
+        mdl: "910px",
+        "3xl": "1760px",
+      },
       backgroundImage: {
         "darkblue2blue-gradient":
           "linear-gradient(to bottom right, rgb(var(--color-darkblue)), rgb(var(--color-blue)))",