Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-11-27 22:54:03 +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 ( return (
<div class="flex items-center gap-2 py-2"> <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 <div
class="h-2 overflow-hidden rounded-2xl bg-success" class="bg-success"
style={{ style={{
width: `${(good() * 100) / all()}%`, // cant use tw class, otherwise dynamic classname won't be generated width: `${(good() * 100) / all()}%`, // cant use tw class, otherwise dynamic classname won't be generated
}} }}
/> />
<div <div
class="h-2 overflow-hidden rounded-2xl bg-warning" class="bg-warning"
style={{ style={{
width: `${(middle() * 100) / all()}%`, width: `${(middle() * 100) / all()}%`,
}} }}
/> />
<div <div
class="h-2 overflow-hidden rounded-2xl bg-error" class="bg-error"
style={{ style={{
width: `${(slow() * 100) / all()}%`, width: `${(slow() * 100) / all()}%`,
}} }}
/> />
<div <div
class="h-2 overflow-hidden rounded-2xl bg-neutral" class="bg-neutral"
style={{ style={{
width: `${(notConnected() * 100) / all()}%`, width: `${(notConnected() * 100) / all()}%`,
}} }}