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

UPD: BG Colors

Browse Source
This commit is contained in:
Robert Kossessa
2024-02-02 02:59:07 +01:00
parent 934448fa61
commit 70c105e776
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

@@ -27,10 +27,10 @@ onMounted(() => {
<Navbar class="flex-none" /> <Navbar class="flex-none" />
<div class="flex-1 min-h-0 flex flex-row"> <div class="flex-1 min-h-0 flex flex-row">
<ProfileManager <ProfileManager
class="basis-1/3 min-w-60 flex-1 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-30" /> class="basis-1/3 min-w-60 flex-1 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-50" />
<DevicePreview class="basis-1/3 flex-col flex-1 flex border-solid border-0 border-r" /> <DevicePreview class="basis-1/3 flex-col flex-1 flex border-solid border-0 border-r" />
<ConfigPane <ConfigPane
class="flex-1 basis-2/5 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-30" /> class="flex-1 basis-2/5 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-50" />
</div> </div>
</main> </main>
<p <p

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

@@ -4,7 +4,7 @@
<div v-for="(option, index) in configPageOptions" :key="index" class="flex flex-1 items-center"> <div v-for="(option, index) in configPageOptions" :key="index" class="flex flex-1 items-center">
<button <button
class="flex-1 h-12 items-center text-center group px-3 font-heading" class="flex-1 h-12 items-center text-center group px-3 font-heading"
:class="index===currentPage ? 'bg-zinc-900': 'hover:bg-zinc-800 text-zinc-200 bg-zinc-950'" :class="index===currentPage ? 'bg-zinc-900': 'hover:bg-zinc-800 text-zinc-200'"
@click="currentPage = index"> @click="currentPage = index">
{{ $t(option.titleKey) }} {{ $t(option.titleKey) }}
</button> </button>

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

@@ -12,7 +12,7 @@
onfocus="this.select()" :placeholder="$t('profiles.name_placeholder')" 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="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-200 hover:bg-zinc-100 text-black' : selected,
'hover:bg-zinc-900 bg-opacity-50 text-white': !selected}" 'hover:bg-zinc-900 bg-opacity-50 text-muted-foreground': !selected}"
@blur="onNameInputBlur"> @blur="onNameInputBlur">
<button <button
ref="nameSubmitButton" ref="nameSubmitButton"
@@ -26,7 +26,7 @@
<button <button
v-else v-else
:class="{'font-semibold bg-zinc-200 hover:bg-zinc-100 text-black' : selected, :class="{'font-semibold bg-zinc-200 hover:bg-zinc-100 text-black' : selected,
'hover:bg-zinc-900 bg-opacity-50 text-white': !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-full text-left whitespace-nowrap overflow-hidden text-ellipsis pr-4"
@click="!editing && $emit('select') && $refs.profileTitle.scramble()"> @click="!editing && $emit('select') && $refs.profileTitle.scramble()">
<span class="ml-4 w-4 mr-2" :class="{'ml-4': !draggable}"> <span class="ml-4 w-4 mr-2" :class="{'ml-4': !draggable}">
@@ -38,7 +38,7 @@
</span> </span>
<ScrambleText <ScrambleText
ref="profileTitle" ref="profileTitle"
:class="{'text-black': selected, 'text-zinc-100': !selected}" :class="{'text-black': selected, 'text-muted-foreground': !selected}"
:text="profile.name" /> :text="profile.name" />
<span <span
v-if="showId" v-if="showId"