Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-11-24 09:45:35 +08:00
Code Issues Projects Releases Wiki Activity

feat(connection): update tag badges layout

Browse Source
This commit is contained in:
kunish 2023-09-17 03:20:52 +08:00
parent 0015468077
commit b7a0407e42
No known key found for this signature in database
GPG Key ID: 647A12B4F782C430
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ConnectionsSettingsModal.tsx
View File

@ -207,12 +207,12 @@ export const ConnectionsSettingsModal = (props: {
<div class="flex flex-col gap-4"> <div class="flex flex-col gap-4">
<TagClientSourceIPWithNameForm /> <TagClientSourceIPWithNameForm />
<div class="flex flex-wrap gap-2"> <div class="grid grid-cols-2 gap-2">
<For each={clientSourceIPTags()}> <For each={clientSourceIPTags()}>
{({ tagName, sourceIP }) => ( {({ tagName, sourceIP }) => (
<div class="badge badge-primary badge-lg items-center gap-2"> <div class="badge badge-primary w-full items-center gap-2 py-4">
<span> <span class="truncate">
{tagName} - {sourceIP} {tagName}({sourceIP})
</span> </span>
<Button <Button