Skip to content
Snippets Groups Projects
Commit 5eb8a114 authored by 정원제's avatar 정원제 :guitar:
Browse files

style: 공유하기 버튼 스타일 조정

parent 371489fb
No related branches found
No related tags found
1 merge request!36Feature/share
Pipeline #10783 failed
...@@ -11,16 +11,27 @@ ...@@ -11,16 +11,27 @@
.share-button { .share-button {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
background-color: #4CAF50; background-color: var(--primary-color);
color: white; color: white;
border: none; border: 1px solid var(--primary-color);
border-radius: 4px; border-radius: 8px;
cursor: pointer; cursor: pointer;
transition: background-color 0.3s; font-weight: 500;
transition: all 0.3s ease;
} }
.share-button:hover { .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 { .title {
......
...@@ -24,14 +24,25 @@ ...@@ -24,14 +24,25 @@
.share-button { .share-button {
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
background-color: #4CAF50; background-color: var(--primary-color);
color: white; color: white;
border: none; border: 1px solid var(--primary-color);
border-radius: 4px; border-radius: 8px;
cursor: pointer; cursor: pointer;
transition: background-color 0.3s; font-weight: 500;
transition: all 0.3s ease;
} }
.share-button:hover { .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
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment