modify style

This commit is contained in:
MaysWind
2023-07-09 01:04:24 +08:00
parent d013f67c70
commit 0b26b75699
2 changed files with 92 additions and 84 deletions
+5 -4
View File
@@ -45,7 +45,7 @@
</thead> </thead>
<tbody> <tbody>
<tr v-for="idx in loading ? [1, 2, 3] : []"> <tr v-for="idx in (loading && noAvailableTag ? [1, 2, 3] : [])">
<td class="px-0" colspan="2"> <td class="px-0" colspan="2">
<v-skeleton-loader type="text" :loading="true"></v-skeleton-loader> <v-skeleton-loader type="text" :loading="true"></v-skeleton-loader>
</td> </td>
@@ -55,9 +55,8 @@
<td colspan="2">{{ $t('No available tag') }}</td> <td colspan="2">{{ $t('No available tag') }}</td>
</tr> </tr>
<tr :key="tag.id" <template :key="tag.id" v-for="tag in tags">
v-show="!loading && (showHidden || !tag.hidden)" <tr v-if="showHidden || !tag.hidden">
v-for="tag in tags">
<td> <td>
<div class="d-flex align-center" v-if="editingTag.id !== tag.id"> <div class="d-flex align-center" v-if="editingTag.id !== tag.id">
<v-badge class="right-bottom-icon" color="secondary" <v-badge class="right-bottom-icon" color="secondary"
@@ -143,6 +142,8 @@
</v-btn> </v-btn>
</td> </td>
</tr> </tr>
</template>
<tr v-if="newTag"> <tr v-if="newTag">
<td> <td>
<v-text-field <v-text-field
@@ -99,7 +99,14 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr :key="session.tokenId" v-for="session in sessions"> <tr v-for="idx in (loadingSession && (!sessions || sessions.length < 1) ? [1, 2, 3] : [])">
<td class="px-0" colspan="4">
<v-skeleton-loader type="text" :loading="true"></v-skeleton-loader>
</td>
</tr>
<tr :key="session.tokenId"
v-for="session in sessions">
<td> <td>
<v-icon start :icon="session.icon"/> <v-icon start :icon="session.icon"/>
{{ session.deviceType }} {{ session.deviceType }}