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

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

View file

@ -4,7 +4,7 @@
:to="to" :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="flex border-wp-background-400 bg-wp-background-200 dark:bg-wp-background-300 p-4 border rounded-md w-full overflow-hidden"
:class="{ :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 /> <slot />

View file

@ -12,7 +12,7 @@
name: 'repo-pipeline', name: 'repo-pipeline',
params: { repoId: pipeline.repo_id, pipelineId: pipeline.number }, 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" /> <PipelineFeedItem :pipeline="pipeline" />
</router-link> </router-link>

View file

@ -2,7 +2,7 @@
<router-link <router-link
v-if="repo" v-if="repo"
:to="{ name: 'repo', params: { repoId: repo.id } }" :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="items-center gap-y-4 grid grid-cols-[auto,1fr]">
<div class="text-lg text-wp-text-100">{{ `${repo.owner} / ${repo.name}` }}</div> <div class="text-lg text-wp-text-100">{{ `${repo.owner} / ${repo.name}` }}</div>

View file

@ -71,7 +71,7 @@
v-if="!singleConfig" v-if="!singleConfig"
type="button" type="button"
:title="workflow.name" :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]" @click="workflowsCollapsed[workflow.id] = !workflowsCollapsed[workflow.id]"
> >
<Icon <Icon
@ -100,7 +100,7 @@
:key="step.pid" :key="step.pid"
type="button" type="button"
:title="step.name" :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="{ :class="{
'bg-wp-background-400 dark:bg-wp-background-500': selectedStepId && selectedStepId === step.pid, 'bg-wp-background-400 dark:bg-wp-background-500': selectedStepId && selectedStepId === step.pid,
'mt-1': !singleConfig || (workflow.children && step.pid !== workflow.children[0].pid), 'mt-1': !singleConfig || (workflow.children && step.pid !== workflow.children[0].pid),