feat: Fix css

junction-asia-2023 · Aug 19, 2023 · ea498dc · ea498dc
1 parent 41ac84e
commit ea498dc
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 3 deletions.
diff --git a/src/features/home/home.scss b/src/features/home/home.scss
@@ -18,7 +18,7 @@
 
 	.content {
 		width: 100%;
-		padding: 0px 12px;
+		padding: 0px;
 
 		.title {
 			font-weight: 500;
@@ -47,7 +47,7 @@
 
 		.image {
 			border-radius: 50px;
-			border: 1px solid $description-sub;
+			border: 1px solid #E9E9F1;
 			width: 100px;
 			height: 100px;
 		}

diff --git a/src/features/preview/Container.tsx b/src/features/preview/Container.tsx
@@ -16,6 +16,11 @@ const Container = () => {
   useLayoutEffect(() => {
     setTitle({ title: 'CardMe Preview', back: true });
     setBottomBtn({ text: 'Modification' });
+
+    return () => {
+      setTitle({});
+      setBottomBtn({});
+    };
   }, []);
 
   return (

diff --git a/src/features/setting/Container.tsx b/src/features/setting/Container.tsx
@@ -18,6 +18,11 @@ const Container = () => {
   useLayoutEffect(() => {
     setTitle({ title: 'Active', back: true });
     setBottomBtn({ text: 'Save' });
+
+    return () => {
+      setTitle({});
+      setBottomBtn({});
+    };
   }, []);
 
   return (

diff --git a/src/features/shared/layout/components/BottomBtn.tsx b/src/features/shared/layout/components/BottomBtn.tsx
@@ -9,7 +9,7 @@ const LayoutBottomBtn: FunctionComponent = () => {
   const [{ text, add }] = useAtom(bottomBtnAtom);
   const [, setActiveSave] = useAtom(activeSaveAtom);
 
-  if (!text) return <div className="layout-bottom" />;
+  if (!text) return null;
 
   return (
     <div className="layout-bottom">