mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-01-23 23:58:44 +00:00
Code Issues Projects Releases Wiki Activity

reduce hover:bg-wp-background-400 to 300

Browse source
This commit is contained in:
pat-s 2024-12-21 12:41:54 +01:00
parent 3822800fd5
commit 3b6553f3d4
No known key found for this signature in database
GPG key ID: 3C6318841EF78925
4 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -4,7 +4,7 @@
:to="to"
class="flex border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-300 p-4 border rounded-md w-full overflow-hidden"
:class="{
'cursor-pointer hover:shadow-md hover:bg-wp-background-400 dark:hover:bg-wp-background-400': clickable || to,
'cursor-pointer hover:shadow-md hover:bg-wp-background-300 dark:hover:bg-wp-background-300': clickable || to,
}"
>
<slot />

2
web/src/components/pipeline-feed/PipelineFeedSidebar.vue
View file

@ -12,7 +12,7 @@
name: 'repo-pipeline',
params: { repoId: pipeline.repo_id, pipelineId: pipeline.number },
}"
class="flex border-wp-background-400 hover:bg-wp-background-400 dark:hover:bg-wp-background-500 hover:shadow-sm px-2 py-4 border-b w-full"
class="flex border-wp-background-400 hover:bg-wp-background-300 dark:hover:bg-wp-background-500 hover:shadow-sm px-2 py-4 border-b w-full"
>
<PipelineFeedItem :pipeline="pipeline" />
</router-link>

2
web/src/components/repo/RepoItem.vue
View file

@ -2,7 +2,7 @@
<router-link
v-if="repo"
:to="{ name: 'repo', params: { repoId: repo.id } }"
class="flex flex-col border-wp-background-400 bg-wp-background-200 hover:bg-wp-background-400 dark:hover:bg-wp-background-400 dark:bg-wp-background-300 hover:shadow-md p-4 border rounded-md cursor-pointer overflow-hidden"
class="flex flex-col border-wp-background-400 bg-wp-background-200 hover:bg-wp-background-300 dark:hover:bg-wp-background-300 dark:bg-wp-background-300 hover:shadow-md p-4 border rounded-md cursor-pointer overflow-hidden"
>
<div class="items-center gap-y-4 grid grid-cols-[auto,1fr]">
<div class="text-lg text-wp-text-100">{{ `${repo.owner} / ${repo.name}` }}</div>

4
web/src/components/repo/pipeline/PipelineStepList.vue
View file

@ -71,7 +71,7 @@
v-if="!singleConfig"
type="button"
:title="workflow.name"
class="flex items-center gap-2 hover:bg-wp-background-400 dark:hover:bg-wp-background-500 px-1 py-2 rounded-md hover-effect"
class="flex items-center gap-2 hover:bg-wp-background-300 dark:hover:bg-wp-background-500 px-1 py-2 rounded-md hover-effect"
@click="workflowsCollapsed[workflow.id] = !workflowsCollapsed[workflow.id]"
>
<Icon
@ -100,7 +100,7 @@
:key="step.pid"
type="button"
:title="step.name"
class="flex items-center gap-2 border-2 hover:bg-wp-background-400 dark:hover:bg-wp-background-500 p-2 border-transparent rounded-md w-full hover-effect"
class="flex items-center gap-2 border-2 hover:bg-wp-background-300 dark:hover:bg-wp-background-500 p-2 border-transparent rounded-md w-full hover-effect"
:class="{
'bg-wp-background-400 dark:bg-wp-background-500': selectedStepId && selectedStepId === step.pid,
'mt-1': !singleConfig || (workflow.children && step.pid !== workflow.children[0].pid),