Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-12-28 20:04:14 +08:00
Code Issues Projects Releases Wiki Activity

fix(proxy): proxy preview bar style issue

Browse Source
This commit is contained in:
kunish 2023-10-29 23:53:30 +08:00
parent 7bdd48dba0
commit 54226bcdc4
No known key found for this signature in database
GPG Key ID: 647A12B4F782C430
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ProxyPreviewBar.tsx
View File

@ -42,27 +42,27 @@ export const ProxyPreviewBar = (props: {
return (
<div class="flex items-center gap-2 py-2">
<div class="flex h-4 flex-1 items-center justify-center">
<div class="my-2 flex flex-1 items-center justify-center overflow-hidden rounded-2xl [&>*]:h-2">
<div
class="h-2 overflow-hidden rounded-2xl bg-success"
class="bg-success"
style={{
width: `${(good() * 100) / all()}%`, // cant use tw class, otherwise dynamic classname won't be generated
}}
/>
<div
class="h-2 overflow-hidden rounded-2xl bg-warning"
class="bg-warning"
style={{
width: `${(middle() * 100) / all()}%`,
}}
/>
<div
class="h-2 overflow-hidden rounded-2xl bg-error"
class="bg-error"
style={{
width: `${(slow() * 100) / all()}%`,
}}
/>
<div
class="h-2 overflow-hidden rounded-2xl bg-neutral"
class="bg-neutral"
style={{
width: `${(notConnected() * 100) / all()}%`,
}}