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/Proxy.module.css | |
| parent | 0df74757914123d55b2a627efc7bda62fc9fd458 (diff) | |
refactor: improve UI for small screens
Diffstat (limited to 'src/components/Proxy.module.css')
| -rw-r--r-- | src/components/Proxy.module.css | 17 |
1 files changed, 14 insertions, 3 deletions
diff --git a/src/components/Proxy.module.css b/src/components/Proxy.module.css index 03f8b2e..b83bec1 100644 --- a/src/components/Proxy.module.css +++ b/src/components/Proxy.module.css @@ -1,7 +1,11 @@ .proxy { position: relative; - padding: 10px; - border-radius: 10px; + padding: 5px; + border-radius: 8px; + @media (--breakpoint-not-small) { + border-radius: 10px; + padding: 10px; + } background-color: var(--color-bg-proxy-selected); &.now { background-color: var(--color-focus-blue); @@ -11,6 +15,10 @@ .proxyType { font-family: var(--font-mono); + font-size: 0.6em; + @media (--breakpoint-not-small) { + font-size: 1em; + } } .proxyName { @@ -18,7 +26,10 @@ overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px; - font-size: 1.1em; + font-size: 0.85em; + @media (--breakpoint-not-small) { + font-size: 1.1em; + } } .proxyLatencyWrap { |