From 865c711404416d424ea0dd3418d2ad83ffb125e1 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sat, 6 Jul 2019 00:54:12 +0800
Subject: refactor: update proxy page proxy item display style

also list proxies in "GLOBAL" group which fixes #74
---
 src/components/Proxy.module.css | 36 ++++++++++++++++--------------------
 1 file changed, 16 insertions(+), 20 deletions(-)

(limited to 'src/components/Proxy.module.css')

diff --git a/src/components/Proxy.module.css b/src/components/Proxy.module.css
index df6fcae..03f8b2e 100644
--- a/src/components/Proxy.module.css
+++ b/src/components/Proxy.module.css
@@ -1,32 +1,28 @@
 .proxy {
   position: relative;
-  height: 90px;
+  padding: 10px;
+  border-radius: 10px;
+  background-color: var(--color-bg-proxy-selected);
+  &.now {
+    background-color: var(--color-focus-blue);
+    color: #ddd;
+  }
 }
 
-.iconWrapper {
-  position: absolute;
-  bottom: 0;
-  left: 20%;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.proxyDetail {
-  position: absolute;
-  top: 0;
-  left: 0;
-
-  width: 100%;
-  height: 100%;
+.proxyType {
+  font-family: var(--font-mono);
 }
 
 .proxyName {
   width: 100%;
-  padding-right: 20px;
   overflow: hidden;
   text-overflow: ellipsis;
-  margin: 10px 0;
+  margin-bottom: 5px;
   font-size: 1.1em;
 }
+
+.proxyLatencyWrap {
+  height: 30px;
+  display: flex;
+  align-items: flex-end;
+}
-- 
cgit v1.3.1