Finished client assigning

This commit is contained in:
Donald Zou
2025-07-18 18:49:19 +08:00
parent 68e757aafc
commit a9d74e834d
9 changed files with 1638 additions and 1555 deletions

View File

@@ -48,12 +48,12 @@ window.dayjs = dayjs
</script>
<template>
<div class="card rounded-3 border shadow">
<div class="card-header border-0 align-items-center d-flex p-3 flex-column flex-sm-row gap-2">
<div class="card rounded-3 border-0 shadow">
<div class="card-header rounded-top-3 border-0 align-items-center d-flex p-3 flex-column flex-sm-row gap-2">
<small class="fw-bold">
{{ props.config.name }}
</small>
<span class="badge rounded-3 shadow ms-sm-auto"
<span class="badge rounded-3 ms-sm-auto"
:class="[props.config.protocol === 'wg' ? 'wireguardBg' : 'amneziawgBg' ]"
v-if="props.config.protocol === 'wg'">
{{ props.config.protocol === 'wg' ? 'WireGuard': 'AmneziaWG' }}

View File

@@ -72,8 +72,10 @@ const signOut = async () => {
<small>No configuration available</small>
</div>
</div>
<div v-else class="d-flex py-4">
<div class="spinner-border m-auto"></div>
<div v-else class="d-flex p-3">
<div class="bg-body rounded-3 d-flex" style="width: 100%; height: 211px;">
<div class="spinner-border m-auto"></div>
</div>
</div>
</Transition>
</div>