diff options
| author | Haishan <[email protected]> | 2019-11-17 17:31:59 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2019-11-17 17:31:59 +0800 |
| commit | c28ff93b67a3da5cbff0d2ffeddfc16fd1dd3438 (patch) | |
| tree | 0c3d6fd0964ffcb00078e4fda52ecd03e39b4dce /src/components/Rule.module.css | |
| parent | 0df74757914123d55b2a627efc7bda62fc9fd458 (diff) | |
refactor: improve UI for small screens
Diffstat (limited to 'src/components/Rule.module.css')
| -rw-r--r-- | src/components/Rule.module.css | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/src/components/Rule.module.css b/src/components/Rule.module.css index 6505aa6..14da5d9 100644 --- a/src/components/Rule.module.css +++ b/src/components/Rule.module.css @@ -1,7 +1,10 @@ .rule { display: flex; align-items: center; - padding: 10px 40px; + padding: 6px 15px; + @media (--breakpoint-not-small) { + padding: 10px 40px; + } } .left { @@ -21,7 +24,10 @@ .b { padding: 10px 0; font-family: 'Roboto Mono', Menlo, monospace; - font-size: 19px; + font-size: 16px; + @media (--breakpoint-not-small) { + font-size: 19px; + } } .type { |