Some mobile UI fixes (#2624)

- hide event badges on secret lists - fix margin on admin users
woodpecker-ci · Oct 23, 2023 · 45bff3f · 45bff3f
1 parent ce85a60
commit 45bff3f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/web/src/components/admin/settings/AdminUsersTab.vue b/web/src/components/admin/settings/AdminUsersTab.vue
@@ -26,7 +26,7 @@
         <IconButton
           icon="edit"
           :title="$t('admin.settings.users.edit_user')"
-          class="w-8 h-8"
+          class="w-8 h-8 <md:ml-auto"
           :class="{ 'ml-auto': !user.admin, 'ml-2': user.admin }"
           @click="editUser(user)"
         />

diff --git a/web/src/components/secrets/SecretList.vue b/web/src/components/secrets/SecretList.vue
@@ -6,12 +6,12 @@
       class="items-center !bg-wp-background-200 !dark:bg-wp-background-100"
     >
       <span>{{ secret.name }}</span>
-      <div class="ml-auto space-x-2">
+      <div class="ml-auto space-x-2 <md:hidden">
         <Badge v-for="event in secret.event" :key="event" :label="event" />
       </div>
       <IconButton
         icon="edit"
-        class="ml-2 w-8 h-8"
+        class="ml-2 <md:ml-auto w-8 h-8"
         :title="$t('repo.settings.secrets.edit')"
         @click="editSecret(secret)"
       />