matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UPD: Darken some backgrounds

Browse Source
This commit is contained in:
Robert Kossessa
2024-02-02 18:37:34 +01:00
parent 99235bff44
commit 37715b8013
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/config/TabSelectButton.vue
View File

@@ -1,7 +1,7 @@
<template>
<button
class="flex-1 flex flex-col items-center rounded-xl my-1 mx-0.5 p-1 gap-2"
:class="{'text-black bg-zinc-200 hover:bg-zinc-100': selected,
:class="{'text-black bg-zinc-300 hover:bg-zinc-200': selected,
'hover:bg-zinc-800 text-muted-foreground' : !selected}"
@click="$emit('select'); $refs.title.scramble()">
<slot v-if="$slots['replace']" name="replace" />

6
src/components/profile/ProfileButton.vue
View File

@@ -11,7 +11,7 @@
ref="profileNameInput" v-model="nameInput"
onfocus="this.select()" :placeholder="$t('profiles.name_placeholder')"
class="flex-1 pl-6 h-full bg-transparent focus-visible:ring-0 focus-visible:outline-none min-w-0"
:class="{'font-semibold bg-zinc-200 hover:bg-zinc-100 text-black' : selected,
:class="{'font-semibold bg-zinc-300 hover:bg-zinc-200 text-black' : selected,
'hover:bg-zinc-900 bg-opacity-50 text-muted-foreground': !selected}"
@blur="onNameInputBlur">
<button
@@ -19,7 +19,7 @@
type="submit"
:class="{'bg-zinc-200 hover:bg-zinc-100 text-black' : selected,
'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected}"
class="flex w-12 h-12 justify-center items-center flex-shrink-0">
class="flex h-full aspect-square justify-center items-center flex-shrink-0">
<Check class="h-4 w-4" />
</button>
</form>
@@ -27,7 +27,7 @@
v-else
:class="{'font-semibold bg-zinc-200 hover:bg-zinc-100 text-black' : selected,
'hover:bg-zinc-900 bg-opacity-50 text-muted-foreground': !selected}"
class="flex-1 h-full text-left whitespace-nowrap overflow-hidden text-ellipsis pr-4"
class="flex-1 h-12 text-left whitespace-nowrap overflow-hidden text-ellipsis pr-4"
@click="!editing && $emit('select') && $refs.profileTitle.scramble()">
<span class="ml-4 w-4 mr-2" :class="{'ml-4': !draggable}">
<GripHorizontal