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

UPD: Consistent rounding

Browse Source
This commit is contained in:
Robert Kossessa
2024-02-07 20:54:22 +01:00
parent bc728fcaeb
commit 05af3d91e2
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,7 +12,7 @@
<input <input
ref="profileNameInput" v-model="nameInput" ref="profileNameInput" v-model="nameInput"
onfocus="this.select()" :placeholder="$t('profiles.name_placeholder')" onfocus="this.select()" :placeholder="$t('profiles.name_placeholder')"
class="flex-1 pl-8 h-full rounded-r-lg text-sm bg-transparent focus-visible:ring-0 focus-visible:outline-none min-w-0 transition-all" class="flex-1 pl-8 h-full rounded-lg text-sm bg-transparent focus-visible:ring-0 focus-visible:outline-none min-w-0 transition-all"
:class="{'font-semibold bg-zinc-300 hover:bg-zinc-200 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}" 'hover:bg-zinc-900 bg-opacity-50 text-muted-foreground': !selected}"
@blur="onNameInputBlur"> @blur="onNameInputBlur">
@@ -21,7 +21,7 @@
type="submit" type="submit"
:class="{'bg-zinc-300 hover:bg-zinc-200 text-black' : selected, :class="{'bg-zinc-300 hover:bg-zinc-200 text-black' : selected,
'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected}" 'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected}"
class="flex h-full rounded-l-lg aspect-square justify-center items-center flex-shrink-0 transition-all"> class="flex h-full rounded-lg aspect-square justify-center items-center flex-shrink-0 transition-all">
<Check class="h-4 w-4" /> <Check class="h-4 w-4" />
</button> </button>
</form> </form>
@@ -30,7 +30,7 @@
v-else v-else
:class="{'font-semibold bg-zinc-300 hover:bg-zinc-200 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}" 'hover:bg-zinc-900 bg-opacity-50 text-muted-foreground': !selected}"
class="flex-1 h-12 rounded-r-lg text-left text-sm whitespace-nowrap overflow-hidden text-ellipsis pr-4 transition-all" class="flex-1 h-12 rounded-lg text-left text-sm whitespace-nowrap overflow-hidden text-ellipsis pr-4 transition-all"
@click="!editing && $emit('select') && $refs.profileTitle.scramble()"> @click="!editing && $emit('select') && $refs.profileTitle.scramble()">
<span class="ml-2 w-4 mr-2 cursor-grab" :class="{'ml-2': !draggable}"> <span class="ml-2 w-4 mr-2 cursor-grab" :class="{'ml-2': !draggable}">
<GripHorizontal <GripHorizontal
@@ -54,7 +54,7 @@
:class="{'bg-zinc-300 hover:bg-zinc-200 text-black' : selected, :class="{'bg-zinc-300 hover:bg-zinc-200 text-black' : selected,
'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected, 'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected,
'group-hover:w-12' : !editing}" 'group-hover:w-12' : !editing}"
class="flex w-0 h-12 rounded-l-lg justify-center items-center flex-shrink-0 transition-all" class="flex w-0 h-12 rounded-lg justify-center items-center flex-shrink-0 transition-all"
@click="startEditing"> @click="startEditing">
<PenLine class="h-4 w-4" /> <PenLine class="h-4 w-4" />
</button> </button>
@@ -63,7 +63,7 @@
'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected, 'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected,
'group-hover:w-12' : !editing, 'group-hover:w-12' : !editing,
'rounded-l-lg': !nameEditable}" 'rounded-l-lg': !nameEditable}"
class="flex w-0 h-12 justify-center items-center flex-shrink-0 transition-all" class="flex w-0 h-12 rounded-lg justify-center items-center flex-shrink-0 transition-all"
@click="$emit('duplicate')"> @click="$emit('duplicate')">
<Copy class="h-4 w-4" /> <Copy class="h-4 w-4" />
</button> </button>
@@ -71,7 +71,7 @@
:class="{'bg-orange-700 hover:bg-orange-600 text-black' : selected, :class="{'bg-orange-700 hover:bg-orange-600 text-black' : selected,
'hover:bg-opacity-100 bg-orange-900 text-zinc-100 bg-opacity-50': !selected, 'hover:bg-opacity-100 bg-orange-900 text-zinc-100 bg-opacity-50': !selected,
'group-hover:w-12' : !editing}" 'group-hover:w-12' : !editing}"
class="flex w-0 h-12 justify-center items-center flex-shrink-0 transition-all" class="flex w-0 h-12 rounded-lg justify-center items-center flex-shrink-0 transition-all"
@click="confirmDelete=true"> @click="confirmDelete=true">
<Trash2 class="h-4 w-4" /> <Trash2 class="h-4 w-4" />
</button> </button>
@@ -81,7 +81,7 @@
:class="{'bg-orange-600 hover:bg-orange-500 text-black' : selected, :class="{'bg-orange-600 hover:bg-orange-500 text-black' : selected,
'hover:bg-opacity-100 bg-orange-900 text-zinc-100 bg-opacity-50': !selected, 'hover:bg-opacity-100 bg-orange-900 text-zinc-100 bg-opacity-50': !selected,
'group-hover:w-12' : !editing}" 'group-hover:w-12' : !editing}"
class="flex w-0 h-12 justify-center items-center flex-shrink-0 transition-all" class="flex w-0 h-12 rounded-lg justify-center items-center flex-shrink-0 transition-all"
@click="$emit('delete', profile.id)"> @click="$emit('delete', profile.id)">
<Check class="h-4 w-4" /> <Check class="h-4 w-4" />
</button> </button>
@@ -89,7 +89,7 @@
:class="{'bg-zinc-300 hover:bg-zinc-200 text-black' : selected, :class="{'bg-zinc-300 hover:bg-zinc-200 text-black' : selected,
'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected, 'hover:bg-opacity-100 bg-zinc-900 text-zinc-100 bg-opacity-50': !selected,
'group-hover:w-12' : !editing}" 'group-hover:w-12' : !editing}"
class="flex w-0 h-12 justify-center items-center flex-shrink-0 transition-all" class="flex w-0 h-12 rounded-lg justify-center items-center flex-shrink-0 transition-all"
@click="confirmDelete=false"> @click="confirmDelete=false">
<X class="h-4 w-4" /> <X class="h-4 w-4" />
</button> </button>