jhynsoo/edufocus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: css 리팩토링

Browse Source
This commit is contained in:
jhynsoo 2024-07-23 12:52:15 +09:00
parent ff33cdc15c
commit 9377aa88c5
2 changed files with 5 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Article/CreateArticle/CreateArticle.jsx
View File

@ -64,7 +64,7 @@ export default function CreateArticle({ topic, title }) {
onClick={handleSubmit}
disabled={!articleTitle || !articleContent}
>
<EditIcon className={styles.icon} />
<EditIcon />
<div>글 쓰기</div>
</button>
</form>

12
frontend/src/components/Article/CreateArticle/CreateArticle.module.css
View File

@ -80,35 +80,31 @@
.button {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 16px;
border: 1px solid var(--primary-color);
background-color: var(--primary-color);
color: var(--on-primary);
stroke: var(--on-primary);
font-size: 16px;
line-height: 1.4;
font-weight: 700;
align-self: end;
align-items: center;
border-radius: 8px;
cursor: pointer;
transition:
background-color 0.25s,
border-color 0.25s,
stroke 0.25s,
color 0.25s;
}
.icon {
stroke: var(--on-primary);
}
.button:disabled,
.button[disabled] {
border-color: var(--border-color);
background-color: var(--background-tertiary);
color: var(--text-color-tertiary);
cursor: not-allowed;
.icon {
stroke: var(--text-color-tertiary);
}
stroke: var(--text-color-tertiary);
}