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/ProxyGroup.module.css | |
| parent | 0df74757914123d55b2a627efc7bda62fc9fd458 (diff) | |
refactor: improve UI for small screens
Diffstat (limited to 'src/components/ProxyGroup.module.css')
| -rw-r--r-- | src/components/ProxyGroup.module.css | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/src/components/ProxyGroup.module.css b/src/components/ProxyGroup.module.css index a7cce49..08c4b42 100644 --- a/src/components/ProxyGroup.module.css +++ b/src/components/ProxyGroup.module.css @@ -2,6 +2,11 @@ > h2 { margin-top: 0; + font-size: 1.3em; + @media (--breakpoint-not-small) { + font-size: 1.5em; + } + span:nth-child(2) { font-size: 12px; color: #777; @@ -18,8 +23,11 @@ .proxy { max-width: 280px; - min-width: 150px; - margin: 10px; + margin: 2px; + @media (--breakpoint-not-small) { + min-width: 150px; + margin: 10px; + } transition: transform 0.2s ease-in-out; &.proxySelectable { |