From 908425882790727369bd8ec9c3f401d8be463c1c Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Fri, 27 Dec 2024 23:08:03 +0100
Subject: [PATCH] w-9 h-9, 1.2rem

---
 web/src/components/agent/AgentList.vue        |  6 +-
 web/src/components/atomic/Icon.vue            | 90 +++++++++----------
 web/src/components/atomic/IconButton.vue      |  2 +-
 web/src/components/form/Checkbox.vue          |  4 +-
 web/src/components/form/RadioField.vue        |  4 +-
 web/src/components/layout/header/Navbar.vue   |  2 +-
 web/src/components/layout/scaffold/Header.vue | 14 +--
 web/src/components/registry/RegistryList.vue  |  4 +-
 web/src/components/secrets/SecretList.vue     |  4 +-
 web/src/views/admin/AdminOrgs.vue             |  6 +-
 web/src/views/admin/AdminRepos.vue            |  4 +-
 web/src/views/admin/AdminUsers.vue            |  4 +-
 web/src/views/repo/RepoWrapper.vue            |  2 +-
 web/src/views/repo/settings/Crons.vue         |  6 +-
 14 files changed, 76 insertions(+), 76 deletions(-)

diff --git a/web/src/components/agent/AgentList.vue b/web/src/components/agent/AgentList.vue
index 6b4b07b99..fcb9a6a45 100644
--- a/web/src/components/agent/AgentList.vue
+++ b/web/src/components/agent/AgentList.vue
@@ -7,7 +7,7 @@
     >
       <span>{{ agent.name || `Agent ${agent.id}` }}</span>
       <span class="ml-auto">
-        <span class="hidden md:inline-block space-x-2">
+        <span class="md:inline-block space-x-2 hidden">
           <Badge
             v-if="props.isAdmin === true && agent.org_id !== -1"
             :label="$t('admin.settings.agents.org.badge')"
@@ -24,13 +24,13 @@
       <IconButton
         icon="edit"
         :title="$t('admin.settings.agents.edit_agent')"
-        class="ml-2 w-9 h-9"
+        class="ml-2 w-8 h-8"
         @click="$emit('edit', agent)"
       />
       <IconButton
         icon="trash"
         :title="$t('admin.settings.agents.delete_agent')"
-        class="ml-2 w-9 h-9 hover:text-wp-control-error-100"
+        class="ml-2 w-8 h-8 hover:text-wp-control-error-100"
         :is-loading="props.isDeleting"
         @click="$emit('delete', agent)"
       />
diff --git a/web/src/components/atomic/Icon.vue b/web/src/components/atomic/Icon.vue
index adc3b2b83..3f66410aa 100644
--- a/web/src/components/atomic/Icon.vue
+++ b/web/src/components/atomic/Icon.vue
@@ -1,63 +1,63 @@
 <!-- cSpell:ignore radiobox timelapse -->
 <template>
-  <SvgIcon v-if="name === 'duration'" :path="mdiTimerOutline" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'since'" :path="mdiClockTimeEightOutline" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'push'" :path="mdiSourceBranch" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'pull-request'" :path="mdiSourcePull" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'pull-request-closed'" :path="mdiSourceMerge" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'manual-pipeline'" :path="mdiGestureTap" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'tag'" :path="mdiTagOutline" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'deployment'" :path="mdiPackageVariant" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'commit'" :path="mdiSourceCommit" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'back'" :path="mdiArrowLeft" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'github'" :path="mdiGithub" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'repo'" :path="mdiGit" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'settings'" :path="mdiCog" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'settings-outline'" :path="mdiCogOutline" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'trash'" :path="mdiTrashCanOutline" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'status-blocked'" :path="mdiPlayOutline" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'status-declined'" :path="mdiStopCircleOutline" size="1.3rem" />
+  <SvgIcon v-if="name === 'duration'" :path="mdiTimerOutline" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'since'" :path="mdiClockTimeEightOutline" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'push'" :path="mdiSourceBranch" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'pull-request'" :path="mdiSourcePull" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'pull-request-closed'" :path="mdiSourceMerge" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'manual-pipeline'" :path="mdiGestureTap" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'tag'" :path="mdiTagOutline" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'deployment'" :path="mdiPackageVariant" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'commit'" :path="mdiSourceCommit" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'back'" :path="mdiArrowLeft" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'github'" :path="mdiGithub" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'repo'" :path="mdiGit" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'settings'" :path="mdiCog" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'settings-outline'" :path="mdiCogOutline" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'trash'" :path="mdiTrashCanOutline" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'status-blocked'" :path="mdiPlayOutline" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'status-declined'" :path="mdiStopCircleOutline" size="1.2rem" />
   <SvgIcon
     v-else-if="name === 'status-failure' || name === 'status-error' || name === 'status-killed'"
     type="mdi"
     :path="mdiCloseCircle"
-    size="1.3rem"
+    size="1.2rem"
   />
-  <SvgIcon v-else-if="name === 'status-pending'" :path="mdiRadioboxBlank" size="1.3rem" />
+  <SvgIcon v-else-if="name === 'status-pending'" :path="mdiRadioboxBlank" size="1.2rem" />
   <SvgIcon
     v-else-if="name === 'status-running' || name === 'status-started'"
     type="mdi"
     :path="mdiRadioboxIndeterminateVariant"
-    size="1.3rem"
+    size="1.2rem"
   />
-  <SvgIcon v-else-if="name === 'status-skipped'" :path="mdiMinusCircle" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'status-success'" :path="mdiCheckCircle" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'attention'" :path="mdiAlertCircle" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'warning'" :path="mdiAlert" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'error'" :path="mdiAlert" size="1.3rem" />
+  <SvgIcon v-else-if="name === 'status-skipped'" :path="mdiMinusCircle" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'status-success'" :path="mdiCheckCircle" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'attention'" :path="mdiAlertCircle" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'warning'" :path="mdiAlert" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'error'" :path="mdiAlert" size="1.2rem" />
   <SvgIcon v-else-if="name === 'bitbucket' || name === 'bitbucket-dc'" :path="mdiBitbucket" size="32" />
-  <SvgIcon v-else-if="name === 'question'" :path="mdiHelpCircle" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'plus'" :path="mdiPlus" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'list'" :path="mdiFormatListBulleted" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'heal'" :path="mdiWrenchCogOutline" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'turn-off'" :path="mdiPower" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'chevron-right'" :path="mdiChevronRight" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'close'" :path="mdiCloseCircle" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'edit'" :path="mdiPencilOutline" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'download'" :path="mdiDownloadCircle" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'stopwatch'" :path="mdiAlarm" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'auto-scroll'" :path="mdiDownloadCircle" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'auto-scroll-off'" :path="mdiDownloadOff" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'pause'" :path="mdiPause" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'play'" :path="mdiPlay" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'play-outline'" :path="mdiPlayOutline" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'remove'" :path="mdiCloseCircle" size="1.3rem" />
+  <SvgIcon v-else-if="name === 'question'" :path="mdiHelpCircle" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'plus'" :path="mdiPlus" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'list'" :path="mdiFormatListBulleted" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'heal'" :path="mdiWrenchCogOutline" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'turn-off'" :path="mdiPower" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'chevron-right'" :path="mdiChevronRight" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'close'" :path="mdiCloseCircle" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'edit'" :path="mdiPencilOutline" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'download'" :path="mdiDownloadCircle" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'stopwatch'" :path="mdiAlarm" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'auto-scroll'" :path="mdiDownloadCircle" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'auto-scroll-off'" :path="mdiDownloadOff" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'pause'" :path="mdiPause" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'play'" :path="mdiPlay" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'play-outline'" :path="mdiPlayOutline" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'remove'" :path="mdiCloseCircle" size="1.2rem" />
 
-  <SvgIcon v-else-if="name === 'visibility-private'" :path="mdiLockOutline" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'visibility-internal'" :path="mdiLockOpenOutline" size="1.3rem" />
+  <SvgIcon v-else-if="name === 'visibility-private'" :path="mdiLockOutline" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'visibility-internal'" :path="mdiLockOpenOutline" size="1.2rem" />
 
-  <SvgIcon v-else-if="name === 'forgejo'" :path="siForgejo.path" size="1.3rem" />
-  <SvgIcon v-else-if="name === 'gitea'" :path="siGitea.path" size="1.3rem" />
+  <SvgIcon v-else-if="name === 'forgejo'" :path="siForgejo.path" size="1.2rem" />
+  <SvgIcon v-else-if="name === 'gitea'" :path="siGitea.path" size="1.2rem" />
 
   <svg v-else-if="name === 'spinner'" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <path
diff --git a/web/src/components/atomic/IconButton.vue b/web/src/components/atomic/IconButton.vue
index 4b5ad3d11..f113b00a7 100644
--- a/web/src/components/atomic/IconButton.vue
+++ b/web/src/components/atomic/IconButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <router-link v-if="to" :to="to" :title="title" :aria-label="title" class="w-9 h-9 icon-button">
+  <router-link v-if="to" :to="to" :title="title" :aria-label="title" class="w-8 h-8 icon-button">
     <slot>
       <Icon v-if="icon" :name="icon" />
     </slot>
diff --git a/web/src/components/form/Checkbox.vue b/web/src/components/form/Checkbox.vue
index 56b8366ef..9c92834dc 100644
--- a/web/src/components/form/Checkbox.vue
+++ b/web/src/components/form/Checkbox.vue
@@ -40,8 +40,8 @@ const id = (Math.random() + 1).toString(36).substring(7);
 
 <style scoped>
 .checkbox {
-  width: 1.3rem;
-  height: 1.3rem;
+  width: 1.2rem;
+  height: 1.2rem;
   appearance: none;
   outline: 0;
   cursor: pointer;
diff --git a/web/src/components/form/RadioField.vue b/web/src/components/form/RadioField.vue
index 46666eb09..0c0fcd841 100644
--- a/web/src/components/form/RadioField.vue
+++ b/web/src/components/form/RadioField.vue
@@ -42,8 +42,8 @@ const id = (Math.random() + 1).toString(36).substring(7);
 
 <style scoped>
 .radio {
-  width: 1.3rem;
-  height: 1.3rem;
+  width: 1.2rem;
+  height: 1.2rem;
   appearance: none;
   outline: 0;
   cursor: pointer;
diff --git a/web/src/components/layout/header/Navbar.vue b/web/src/components/layout/header/Navbar.vue
index baff52240..8352d4ddd 100644
--- a/web/src/components/layout/header/Navbar.vue
+++ b/web/src/components/layout/header/Navbar.vue
@@ -4,7 +4,7 @@
   >
     <div class="flex items-center space-x-2">
       <router-link :to="{ name: 'home' }" class="flex flex-col -my-2 px-2">
-        <WoodpeckerLogo class="w-9 h-9" />
+        <WoodpeckerLogo class="w-8 h-8" />
         <span class="text-xs" :title="version?.current">{{ version?.currentShort }}</span>
       </router-link>
       <router-link v-if="user" :to="{ name: 'repos' }" class="navbar-clickable navbar-link">
diff --git a/web/src/components/layout/scaffold/Header.vue b/web/src/components/layout/scaffold/Header.vue
index 03d846001..ea644bfb5 100644
--- a/web/src/components/layout/scaffold/Header.vue
+++ b/web/src/components/layout/scaffold/Header.vue
@@ -1,10 +1,10 @@
 <template>
   <header
-    class="bg-wp-background-100 border-b-1 border-wp-background-400 dark:border-wp-background-100 dark:bg-wp-background-300 text-wp-text-100"
+    class="border-wp-background-400 dark:border-wp-background-100 bg-wp-background-100 dark:bg-wp-background-300 border-b-1 text-wp-text-100"
     :class="{ 'md:px-4': fullWidth }"
   >
     <Container :full-width="fullWidth" class="!py-0">
-      <div class="flex w-full md:items-center flex-col py-3 gap-2 md:gap-10 md:flex-row md:justify-between">
+      <div class="flex md:flex-row flex-col md:justify-between md:items-center gap-2 md:gap-10 py-3 w-full">
         <div
           class="flex items-center content-start min-h-10"
           :class="{
@@ -15,10 +15,10 @@
             v-if="goBack"
             icon="back"
             :title="$t('back')"
-            class="flex-shrink-0 mr-2 <md:hidden md:justify-between w-9 h-9"
+            class="flex-shrink-0 mr-2 <md:hidden md:justify-between w-8 h-8"
             @click="goBack"
           />
-          <h1 class="flex text-xl min-w-0 text-wp-text-100 items-center gap-x-2">
+          <h1 class="flex items-center gap-x-2 min-w-0 text-wp-text-100 text-xl">
             <slot name="title" />
           </h1>
         </div>
@@ -32,7 +32,7 @@
         />
         <div
           v-if="$slots.headerActions"
-          class="flex items-center md:justify-end gap-x-2 min-w-0"
+          class="flex md:justify-end items-center gap-x-2 min-w-0"
           :class="{
             'md:flex-1': searchBoxPresent,
           }"
@@ -41,9 +41,9 @@
         </div>
       </div>
 
-      <div v-if="enableTabs" class="flex md:items-center flex-col py-2 md:flex-row md:justify-between md:py-0">
+      <div v-if="enableTabs" class="flex md:flex-row flex-col md:justify-between md:items-center py-2 md:py-0">
         <Tabs class="<md:order-2" />
-        <div v-if="$slots.headerActions" class="flex content-start md:justify-end">
+        <div v-if="$slots.headerActions" class="flex md:justify-end content-start">
           <slot name="tabActions" />
         </div>
       </div>
diff --git a/web/src/components/registry/RegistryList.vue b/web/src/components/registry/RegistryList.vue
index b0a55a355..775a02eb4 100644
--- a/web/src/components/registry/RegistryList.vue
+++ b/web/src/components/registry/RegistryList.vue
@@ -8,14 +8,14 @@
       <span>{{ registry.address }}</span>
       <IconButton
         :icon="registry.readonly ? 'chevron-right' : 'edit'"
-        class="ml-auto w-9 h-9"
+        class="ml-auto w-8 h-8"
         :title="registry.readonly ? $t('registries.view') : $t('registries.edit')"
         @click="editRegistry(registry)"
       />
       <IconButton
         v-if="!registry.readonly"
         icon="trash"
-        class="w-9 h-9 hover:text-wp-control-error-100"
+        class="w-8 h-8 hover:text-wp-control-error-100"
         :is-loading="isDeleting"
         :title="$t('registries.delete')"
         @click="deleteRegistry(registry)"
diff --git a/web/src/components/secrets/SecretList.vue b/web/src/components/secrets/SecretList.vue
index efd29e566..3201453d2 100644
--- a/web/src/components/secrets/SecretList.vue
+++ b/web/src/components/secrets/SecretList.vue
@@ -17,13 +17,13 @@
       <template v-if="secret.edit !== false">
         <IconButton
           icon="edit"
-          class="ml-2 <md:ml-auto w-9 h-9"
+          class="ml-2 <md:ml-auto w-8 h-8"
           :title="$t('secrets.edit')"
           @click="editSecret(secret)"
         />
         <IconButton
           icon="trash"
-          class="ml-2 w-9 h-9 hover:text-wp-control-error-100"
+          class="ml-2 w-8 h-8 hover:text-wp-control-error-100"
           :is-loading="isDeleting"
           :title="$t('secrets.delete')"
           @click="deleteSecret(secret)"
diff --git a/web/src/views/admin/AdminOrgs.vue b/web/src/views/admin/AdminOrgs.vue
index 144cceebc..326316c03 100644
--- a/web/src/views/admin/AdminOrgs.vue
+++ b/web/src/views/admin/AdminOrgs.vue
@@ -10,19 +10,19 @@
         <IconButton
           icon="chevron-right"
           :title="$t('admin.settings.orgs.view')"
-          class="ml-auto w-9 h-9"
+          class="ml-auto w-8 h-8"
           :to="{ name: 'org', params: { orgId: org.id } }"
         />
         <IconButton
           icon="settings-outline"
           :title="$t('admin.settings.orgs.org_settings')"
-          class="w-9 h-9"
+          class="w-8 h-8"
           :to="{ name: 'org-settings', params: { orgId: org.id } }"
         />
         <IconButton
           icon="trash"
           :title="$t('admin.settings.orgs.delete_org')"
-          class="ml-2 w-9 h-9 hover:text-wp-control-error-100"
+          class="ml-2 w-8 h-8 hover:text-wp-control-error-100"
           :is-loading="isDeleting"
           @click="deleteOrg(org)"
         />
diff --git a/web/src/views/admin/AdminRepos.vue b/web/src/views/admin/AdminRepos.vue
index 160422d50..565f10a82 100644
--- a/web/src/views/admin/AdminRepos.vue
+++ b/web/src/views/admin/AdminRepos.vue
@@ -21,13 +21,13 @@
           <IconButton
             icon="chevron-right"
             :title="$t('admin.settings.repos.view')"
-            class="w-9 h-9"
+            class="w-8 h-8"
             :to="{ name: 'repo', params: { repoId: repo.id } }"
           />
           <IconButton
             icon="settings-outline"
             :title="$t('admin.settings.repos.settings')"
-            class="w-9 h-9"
+            class="w-8 h-8"
             :to="{ name: 'repo-settings', params: { repoId: repo.id } }"
           />
         </div>
diff --git a/web/src/views/admin/AdminUsers.vue b/web/src/views/admin/AdminUsers.vue
index c3d53dc91..09ca5883d 100644
--- a/web/src/views/admin/AdminUsers.vue
+++ b/web/src/views/admin/AdminUsers.vue
@@ -26,14 +26,14 @@
         <IconButton
           icon="edit"
           :title="$t('admin.settings.users.edit_user')"
-          class="w-9 h-9 <md:ml-auto"
+          class="w-8 h-8 <md:ml-auto"
           :class="{ 'ml-auto': !user.admin, 'ml-2': user.admin }"
           @click="editUser(user)"
         />
         <IconButton
           icon="trash"
           :title="$t('admin.settings.users.delete_user')"
-          class="ml-2 w-9 h-9 hover:text-wp-control-error-100"
+          class="ml-2 w-8 h-8 hover:text-wp-control-error-100"
           :is-loading="isDeleting"
           @click="deleteUser(user)"
         />
diff --git a/web/src/views/repo/RepoWrapper.vue b/web/src/views/repo/RepoWrapper.vue
index 7f21aa803..853ffa127 100644
--- a/web/src/views/repo/RepoWrapper.vue
+++ b/web/src/views/repo/RepoWrapper.vue
@@ -14,7 +14,7 @@
       <a v-if="badgeUrl" :href="badgeUrl" target="_blank">
         <img class="w-28" :src="badgeUrl" />
       </a>
-      <IconButton :href="repo.forge_url" :title="$t('repo.open_in_forge')" :icon="forgeIcon" class="w-9 h-9 forge" />
+      <IconButton :href="repo.forge_url" :title="$t('repo.open_in_forge')" :icon="forgeIcon" class="w-8 h-8 forge" />
       <IconButton
         v-if="repoPermissions.admin"
         :to="{ name: 'repo-settings' }"
diff --git a/web/src/views/repo/settings/Crons.vue b/web/src/views/repo/settings/Crons.vue
index 68cc18de3..470175680 100644
--- a/web/src/views/repo/settings/Crons.vue
+++ b/web/src/views/repo/settings/Crons.vue
@@ -30,14 +30,14 @@
         </span>
         <IconButton
           icon="play-outline"
-          class="ml-auto w-9 h-9"
+          class="ml-auto w-8 h-8"
           :title="$t('repo.settings.crons.run')"
           @click="runCron(cron)"
         />
-        <IconButton icon="edit" class="w-9 h-9" :title="$t('repo.settings.crons.edit')" @click="selectedCron = cron" />
+        <IconButton icon="edit" class="w-8 h-8" :title="$t('repo.settings.crons.edit')" @click="selectedCron = cron" />
         <IconButton
           icon="trash"
-          class="w-9 h-9 hover:text-wp-control-error-100"
+          class="w-8 h-8 hover:text-wp-control-error-100"
           :is-loading="isDeleting"
           :title="$t('repo.settings.crons.delete')"
           @click="deleteCron(cron)"