diff options
| author | Haishan <[email protected]> | 2019-12-27 13:12:49 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2019-12-27 16:29:46 +0800 |
| commit | aca578cb9dfdaed33f91c62ffdf3ef1a456c6a72 (patch) | |
| tree | 0db1a3f2646ec28841ba59d00e89f156432a9afb /src/components/Button.module.css | |
| parent | 45c3c7b8b4793ca3b6cd8366baaf035346a6d745 (diff) | |
refactor: abstract ButtonWithIcon as a button enhancer
Diffstat (limited to 'src/components/Button.module.css')
| -rw-r--r-- | src/components/Button.module.css | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/src/components/Button.module.css b/src/components/Button.module.css index c232a66..809e133 100644 --- a/src/components/Button.module.css +++ b/src/components/Button.module.css @@ -1,11 +1,14 @@ .btn { -webkit-appearance: none; outline: none; + user-select: none; + display: inline-flex; + align-items: center; + justify-content: center; color: var(--color-btn-fg); background: var(--color-btn-bg); border: 1px solid #555; border-radius: 100px; - user-select: none; &:focus { border-color: var(--color-focus-blue); } @@ -42,10 +45,9 @@ } } -.withIconWrapper { - display: flex; +.btnStart { + margin-right: 5px; + display: inline-flex; align-items: center; - .txt { - margin-left: 5px; - } + justify-content: center; } |