diff --git a/src/components/Proxy.js b/src/components/Proxy.js index d1959d0..3d22ade 100644 --- a/src/components/Proxy.js +++ b/src/components/Proxy.js @@ -57,10 +57,10 @@ function Proxy({ now, name }) { return (
-
- +
+
-
+
{name}
{latency ? : null}
diff --git a/src/components/Proxy.module.scss b/src/components/Proxy.module.scss index b7f0c8b..df6fcae 100644 --- a/src/components/Proxy.module.scss +++ b/src/components/Proxy.module.scss @@ -1,17 +1,32 @@ .proxy { - display: flex; + position: relative; + height: 90px; } -.left { +.iconWrapper { + position: absolute; + bottom: 0; + left: 20%; + display: flex; align-items: center; justify-content: center; } -.right { - padding-left: 20px; +.proxyDetail { + position: absolute; + top: 0; + left: 0; + + width: 100%; + height: 100%; } .proxyName { + width: 100%; + padding-right: 20px; + overflow: hidden; + text-overflow: ellipsis; margin: 10px 0; + font-size: 1.1em; } diff --git a/src/components/ProxyGroup.module.scss b/src/components/ProxyGroup.module.scss index dd01018..f5218ea 100644 --- a/src/components/ProxyGroup.module.scss +++ b/src/components/ProxyGroup.module.scss @@ -19,7 +19,7 @@ .proxy { width: 300px; padding: 10px 5px; - transition: transform 0.4s ease; + transition: transform 0.2s ease-in-out; // transition: transform 0.4s ease, color 0.4s ease; &.proxySelectable { cursor: pointer; diff --git a/src/svg/ss.svg b/src/svg/ss.svg index 4311956..c9e2c97 100644 --- a/src/svg/ss.svg +++ b/src/svg/ss.svg @@ -1,5 +1,5 @@ - + diff --git a/src/svg/vmess.svg b/src/svg/vmess.svg index 00f7709..c81763c 100644 --- a/src/svg/vmess.svg +++ b/src/svg/vmess.svg @@ -1,5 +1,5 @@ - + diff --git a/webpack.common.js b/webpack.common.js index 3974471..d17f088 100644 --- a/webpack.common.js +++ b/webpack.common.js @@ -50,7 +50,7 @@ const cssExtractPlugin = new MiniCssExtractPlugin({ filename: isDev ? '[name].bundle.css' : '[name].[chunkhash].css' }); -const LOCAL_IDENT_NAME_DEV = '[path]---[name]---[local]---[hash:base64:5]'; +const LOCAL_IDENT_NAME_DEV = '[path]_[name]_[local]_[hash:base64:5]'; const LOCAL_IDENT_NAME_PROD = '[hash:base64:10]'; const localIdentName = isDev ? LOCAL_IDENT_NAME_DEV : LOCAL_IDENT_NAME_PROD;