From 5eb8a11424ac26d87affa069cc0e0262c1faf1a7 Mon Sep 17 00:00:00 2001
From: myunsyeya <myunsyeya@ajou.ac.kr>
Date: Sat, 7 Dec 2024 22:31:40 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EA=B3=B5=EC=9C=A0=ED=95=98=EA=B8=B0?=
=?UTF-8?q?=20=EB=B2=84=ED=8A=BC=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=A1=B0?=
=?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../components/CombinationBox.css | 21 ++++++++++++++-----
.../SharedCombinationPage.css | 21 ++++++++++++++-----
2 files changed, 32 insertions(+), 10 deletions(-)
diff --git a/src/pages/SearchCombinationPage/components/CombinationBox.css b/src/pages/SearchCombinationPage/components/CombinationBox.css
index 170b26e..b886b05 100644
--- a/src/pages/SearchCombinationPage/components/CombinationBox.css
+++ b/src/pages/SearchCombinationPage/components/CombinationBox.css
@@ -11,16 +11,27 @@
.share-button {
padding: 0.5rem 1rem;
- background-color: #4CAF50;
+ background-color: var(--primary-color);
color: white;
- border: none;
- border-radius: 4px;
+ border: 1px solid var(--primary-color);
+ border-radius: 8px;
cursor: pointer;
- transition: background-color 0.3s;
+ font-weight: 500;
+ transition: all 0.3s ease;
}
.share-button:hover {
- background-color: #45a049;
+ background-color: var(--primary-color);
+ box-shadow: 0 0 0 3px var(--primary-light);
+ transform: translateY(-1px);
+}
+
+.share-button:disabled {
+ background-color: var(--primary-light);
+ border-color: var(--primary-light);
+ cursor: not-allowed;
+ transform: none;
+ box-shadow: none;
}
.title {
diff --git a/src/pages/SharedCombinationPage/SharedCombinationPage.css b/src/pages/SharedCombinationPage/SharedCombinationPage.css
index 571b0f7..e4a4ac7 100644
--- a/src/pages/SharedCombinationPage/SharedCombinationPage.css
+++ b/src/pages/SharedCombinationPage/SharedCombinationPage.css
@@ -24,14 +24,25 @@
.share-button {
padding: 0.5rem 1rem;
- background-color: #4CAF50;
+ background-color: var(--primary-color);
color: white;
- border: none;
- border-radius: 4px;
+ border: 1px solid var(--primary-color);
+ border-radius: 8px;
cursor: pointer;
- transition: background-color 0.3s;
+ font-weight: 500;
+ transition: all 0.3s ease;
}
.share-button:hover {
- background-color: #45a049;
+ background-color: var(--primary-color);
+ box-shadow: 0 0 0 3px var(--primary-light);
+ transform: translateY(-1px);
+}
+
+.share-button:disabled {
+ background-color: var(--primary-light);
+ border-color: var(--primary-light);
+ cursor: not-allowed;
+ transform: none;
+ box-shadow: none;
}
\ No newline at end of file
--
GitLab