refactor: update footer styles

fecommunity · fecommunity · commit cb36a1ebd9be · 2024-11-23T18:02:54.000+08:00
diff --git a/client/src/components/Footer/index.module.scss b/client/src/components/Footer/index.module.scss
@@ -17,7 +17,7 @@
     display: inline-block;
     text-align: left;
     &.left {
-      width: 75%;
+      width: 54%;
     }
   }
   .title {
@@ -66,4 +66,10 @@ ul.icons {
 .container {
   display: flex;
   justify-content: space-between;
+}
+
+@media (max-width: 991px) {
+  .footer {
+    padding-bottom: 60px;
+  }
 }
diff --git a/client/src/components/Header/index.module.scss b/client/src/components/Header/index.module.scss
@@ -137,6 +137,7 @@ $height: 64px;
   .menu {
     background: transparent;
     border: none;
+    width: fit-content;
   }
 
   nav {

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@`
`17`	`17`	`display: inline-block;`
`18`	`18`	`text-align: left;`
`19`	`19`	`&.left {`
`20`		`- width: 75%;`
	`20`	`+ width: 54%;`
`21`	`21`	`}`
`22`	`22`	`}`
`23`	`23`	`.title {`
`@@ -66,4 +66,10 @@ ul.icons {`
`66`	`66`	`.container {`
`67`	`67`	`display: flex;`
`68`	`68`	`justify-content: space-between;`
	`69`	`+}`
	`70`	`+`
	`71`	`+@media (max-width: 991px) {`
	`72`	`+ .footer {`
	`73`	`+ padding-bottom: 60px;`
	`74`	`+ }`
`69`	`75`	`}`