mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-01-04 06:38:43 +00:00
Code Issues Projects Releases Wiki Activity

w-9 h-9, 1.2rem

Browse source
This commit is contained in:
pat-s 2024-12-27 23:08:03 +01:00
parent 2c9b5e31c2
commit 9084258827
No known key found for this signature in database
GPG key ID: 3C6318841EF78925
14 changed files with 76 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
web/src/components/agent/AgentList.vue
View file

@ -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)"
/>

90
web/src/components/atomic/Icon.vue
View file

@ -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

2
web/src/components/atomic/IconButton.vue
View file

@ -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>

4
web/src/components/form/Checkbox.vue
View file

@ -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;

4
web/src/components/form/RadioField.vue
View file

@ -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;

2
web/src/components/layout/header/Navbar.vue
View file

@ -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">

14
web/src/components/layout/scaffold/Header.vue
View file

@ -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>

4
web/src/components/registry/RegistryList.vue
View file

@ -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)"

4
web/src/components/secrets/SecretList.vue
View file

@ -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)"

6
web/src/views/admin/AdminOrgs.vue
View file

@ -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)"
/>

4
web/src/views/admin/AdminRepos.vue
View file

@ -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>

4
web/src/views/admin/AdminUsers.vue
View file

@ -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)"
/>

2
web/src/views/repo/RepoWrapper.vue
View file

@ -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' }"

6
web/src/views/repo/settings/Crons.vue
View file

@ -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)"