From d393a4ae58b7d49930b91aa24cf498df38c4868a Mon Sep 17 00:00:00 2001
From: YarBurArt <81087967+YarBurArt@users.noreply.github.com>
Date: Tue, 7 Jan 2025 16:16:55 +0500
Subject: [PATCH] fix form style

---
 frontend/src/styles.css                   | 17 +++++++++++++++++
 frontend/src/styles.css.map               |  2 +-
 frontend/src/styles/pages/_post-form.scss | 21 +++++++++++++++++++--
 3 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index abdb97c..e07bc50 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -297,6 +297,7 @@ footer .footer-content a:hover {
   margin-right: 1rem;
   max-width: 500px;
   padding: 1.5rem;
+  animation: bounceIn 0.5s ease-in-out forwards;
 }
 .PostForm button {
   background-color: #4a90e2;
@@ -347,9 +348,11 @@ footer .footer-content a:hover {
   background-color: #f8f8f8;
   border-radius: 6px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1019607843);
+  margin-left: 2rem;
   margin-right: 2rem;
   padding: 1.5rem;
   flex: 1;
+  animation: bounceIn 0.5s ease-in-out forwards;
 }
 .PostForm-preview h1 {
   color: #333;
@@ -359,6 +362,19 @@ footer .footer-content a:hover {
   text-align: center;
 }
 
+@keyframes bounceIn {
+  0% {
+    opacity: 0;
+    transform: translateY(-10px) scale(0.7);
+  }
+  60% {
+    opacity: 1;
+    transform: translateY(5px) scale(1.05);
+  }
+  100% {
+    transform: translateY(0) scale(1);
+  }
+}
 .tab-controls {
   display: flex;
   margin-left: 20px;
@@ -373,6 +389,7 @@ footer .footer-content a:hover {
   padding: 10px 20px;
   transition: background-color 0.3s ease;
   border-radius: 5px;
+  margin-right: 10px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 .tab-controls button:hover {
diff --git a/frontend/src/styles.css.map b/frontend/src/styles.css.map
index 1e1fd2a..ab1d1e5 100644
--- a/frontend/src/styles.css.map
+++ b/frontend/src/styles.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["styles/base/_reset.scss","styles/layout/_header.scss","styles/layout/_footer.scss","styles/layout/_category.scss","styles/components/_link.scss","styles/components/_pagination.scss","styles/components/_loading.scss","styles/pages/_index.scss","styles/pages/_post-form.scss","styles/pages/_postpage.scss","styles/pages/_searchpage.scss"],"names":[],"mappings":";AAAA;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;ACdJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACRJ;EACI;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AC1BV;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGJ;EAnCA;IAoCE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;;EAEF;IACE;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;;;;ACvDN;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;;AAGP;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;;ACnCT;EACI;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AC9BR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;ACrBN;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGR;EACI;EACA;EACA;EAEA;EACA;EAEA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;IACA;;;AAKR;EAzEJ;IA0EQ;IACA;;;;ACrFR;EACI;EACA;EACA;EAEA;EACA;EACA;EAEA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EAEA;EAGA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;;AAKR;EACI;EAEA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;;AAMZ;EACI;IACI;IACA;;EAEJ;IACI;IACA;IACA;IACA;;EAEJ;IACI;;;ACtHR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;;ACRR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,eAdY;EAeZ;;AAEA;EACE,cApBU;EAqBV;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA,kBA/BY;EAgCZ;EACA,eA/BY;EAgCZ;EACA;;AAEA;EACE","file":"styles.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["styles/base/_reset.scss","styles/layout/_header.scss","styles/layout/_footer.scss","styles/layout/_category.scss","styles/components/_link.scss","styles/components/_pagination.scss","styles/components/_loading.scss","styles/pages/_index.scss","styles/pages/_post-form.scss","styles/pages/_postpage.scss","styles/pages/_searchpage.scss"],"names":[],"mappings":";AAAA;EACI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;;;ACdJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACRJ;EACI;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AC1BV;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGJ;EAnCA;IAoCE;IACA;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;;EAEF;IACE;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;;;;ACvDN;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;;AAGP;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;;ACnCT;EACI;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AC9BR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;ACrBN;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;;;AAGR;EACI;EACA;EACA;EAEA;EACA;EAEA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAEJ;EACI;IACA;;;AAKR;EAzEJ;IA0EQ;IACA;;;;ACrFR;EACI;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;;AAKR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;;AAIR;EACI;EAEA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;;AAMZ;EACI;IACI;IACA;;EAEJ;IACI;IACA;IACA;IACA;;EAEJ;IACI;;;ACvIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;;ACRR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,eAdY;EAeZ;;AAEA;EACE,cApBU;EAqBV;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA,kBA/BY;EAgCZ;EACA,eA/BY;EAgCZ;EACA;;AAEA;EACE","file":"styles.css"}
\ No newline at end of file
diff --git a/frontend/src/styles/pages/_post-form.scss b/frontend/src/styles/pages/_post-form.scss
index b2a5c3b..c429931 100644
--- a/frontend/src/styles/pages/_post-form.scss
+++ b/frontend/src/styles/pages/_post-form.scss
@@ -8,6 +8,7 @@
     max-width: 500px;
     //min-width: 200px;
     padding: 1.5rem;
+    animation: bounceIn 0.5s ease-in-out forwards;
     button {
         background-color: #4a90e2;
         border: none;
@@ -58,12 +59,13 @@
     background-color: #f8f8f8;
     border-radius: 6px;
     box-shadow: 0 2px 6px #0000001a;
-    //margin: 2rem auto;
+    margin-left: 2rem;
     margin-right: 2rem;
     //max-width: 800px;
     //min-width: 200px;
     padding: 1.5rem;
-    flex:1;;
+    flex:1;
+    animation: bounceIn 0.5s ease-in-out forwards;
     h1 {
         color: #333;
         font-size: 1.8rem;
@@ -74,6 +76,20 @@
 
 }
 
+@keyframes bounceIn {
+    0% {
+        opacity: 0;
+        transform: translateY(-10px) scale(0.7);
+    }
+    60% {
+        opacity: 1;
+        transform: translateY(5px) scale(1.05);
+    }
+    100% {
+        transform: translateY(0) scale(1);
+    }
+}
+
 .tab-controls {
     display: flex;
     //justify-content: center;
@@ -89,6 +105,7 @@
         padding: 10px 20px;
         transition: background-color 0.3s ease;
         border-radius: 5px;
+        margin-right: 10px;
         box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     
         &:hover {