update

JadeMin-school · Jun 5, 2024 · ee955b8 · ee955b8
1 parent cf598bf
commit ee955b8
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 10 deletions.
diff --git a/src/app/components/footer/index.css b/src/app/components/footer/index.css
@@ -1,7 +1,10 @@
 footer {
+	position : absolute;
 	padding: 14px 0 14px 30px;
-
+	
 	border-top: 1px solid #e9ecef;
+
+	bottom: 0;
 
 	background-color: #f8f9fa;
 	font-size: 12px;

diff --git a/src/app/page.css b/src/app/page.css
@@ -2,7 +2,7 @@ main {
 	display: flex;
 	justify-content: space-between;
 
-	padding: 0 90px;
+	padding: 0 120px;
 
 	#content {
 		flex-grow: 2;
@@ -41,24 +41,29 @@ main {
 
 	aside {
 		padding: 10px;
-		margin: 10px;
 
 		flex-grow: 1;
 
 		min-width: 130px;
 
 		#hat {
-			border-top-right-radius: 7px;
-			border-top-left-radius: 7px;
+			padding: 10px;
+
+			border-top-right-radius: 5px;
+			border-top-left-radius: 5px;
 
-			background-color: #FFD700;
+			background-color: #1D89FF;
+
+			color: white;
 		}
 
 		#shoes {
-			border-bottom-right-radius: 7px;
-			border-bottom-left-radius: 7px;
+			padding: 10px;
+
+			border-bottom-right-radius: 5px;
+			border-bottom-left-radius: 5px;
 
-			background-color: red;
+			background-color: #EEEEEE;
 
 			ul {
 				margin: 0px;

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -43,7 +43,7 @@ export default function Home() {
 				</div>
 				<aside>
 					<div id="hat">
-						<span>구독 중인 알림 <FaCheckCircle color="green"/></span>
+						<span>구독 중인 알림 <FaCheckCircle color="#5FA777"/></span>
 					</div>
 					<div id="shoes">
 						<ul>