fixes
This commit is contained in:
@@ -519,7 +519,7 @@ onBeforeUnmount(() => {
|
|||||||
<header
|
<header
|
||||||
class="h-16 border-b border-white/5 flex items-center justify-between px-6 bg-slate-900/80 backdrop-blur z-20 shrink-0">
|
class="h-16 border-b border-white/5 flex items-center justify-between px-6 bg-slate-900/80 backdrop-blur z-20 shrink-0">
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex items-center gap-4">
|
||||||
<h1 class="text-lg font-bold text-slate-200">📅 Content plan</h1>
|
<h1 class="text-lg font-bold text-slate-200 !m-0">📅 Content plan</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center gap-3">
|
<div class="flex items-center gap-3">
|
||||||
|
|||||||
@@ -823,9 +823,9 @@ const confirmAddToAlbum = async () => {
|
|||||||
<main class="flex-1 relative flex flex-col h-full overflow-hidden">
|
<main class="flex-1 relative flex flex-col h-full overflow-hidden">
|
||||||
<header
|
<header
|
||||||
class="p-2 px-4 flex justify-between items-center z-10 border-b border-white/5 bg-slate-900/80 backdrop-blur-sm">
|
class="p-2 px-4 flex justify-between items-center z-10 border-b border-white/5 bg-slate-900/80 backdrop-blur-sm">
|
||||||
<div class="flex items-center gap-2">
|
<div class="flex flex-row !items-center !justify-items-center !justify-center gap-2">
|
||||||
<h1
|
<h1
|
||||||
class="text-base font-bold bg-gradient-to-r from-white to-slate-400 bg-clip-text text-transparent m-0">
|
class="text-base font-bold bg-gradient-to-r from-white to-slate-400 bg-clip-text text-transparent !m-0">
|
||||||
Gallery</h1>
|
Gallery</h1>
|
||||||
|
|
||||||
<span class="text-[10px] text-slate-500 border-l border-white/10 pl-2">History</span>
|
<span class="text-[10px] text-slate-500 border-l border-white/10 pl-2">History</span>
|
||||||
@@ -833,27 +833,29 @@ const confirmAddToAlbum = async () => {
|
|||||||
<div class="flex items-center gap-1.5">
|
<div class="flex items-center gap-1.5">
|
||||||
<Dropdown v-model="filterCharacter" :options="characters" optionLabel="name"
|
<Dropdown v-model="filterCharacter" :options="characters" optionLabel="name"
|
||||||
placeholder="All Characters" showClear
|
placeholder="All Characters" showClear
|
||||||
class="!w-40 !bg-slate-800/60 !border-white/10 !text-white !rounded-lg !text-[16px]" :pt="{
|
class="!w-40 !bg-slate-800/60 !border-white/10 !text-white !rounded-lg !text-[8px]" :pt="{
|
||||||
root: { class: '!bg-slate-800/60 !h-7' },
|
root: { class: '!bg-slate-800/60 !h-7' },
|
||||||
input: { class: '!text-white !text-[16px] !py-0.5 !px-2' },
|
input: { class: '!text-white !text-[8px] !py-0.5 !px-2' },
|
||||||
trigger: { class: '!text-slate-400 !w-5' },
|
trigger: { class: '!text-slate-400 !w-5' },
|
||||||
panel: { class: '!bg-slate-800 !border-white/10' },
|
panel: { class: '!bg-slate-800 !border-white/10' },
|
||||||
item: { class: '!text-slate-300 hover:!bg-white/10 hover:!text-white !text-[16px] !py-1' },
|
item: { class: '!text-slate-300 hover:!bg-white/10 hover:!text-white !text-[8px] !py-1' },
|
||||||
clearIcon: { class: '!text-slate-400 hover:!text-white !text-[8px]' }
|
clearIcon: { class: '!text-slate-400 hover:!text-white !text-[8px]' }
|
||||||
}">
|
}">
|
||||||
<template #value="slotProps">
|
<template #value="slotProps">
|
||||||
|
<div class="flex flex-row">
|
||||||
<div v-if="slotProps.value" class="flex items-center gap-1">
|
<div v-if="slotProps.value" class="flex items-center gap-1">
|
||||||
<img v-if="slotProps.value.avatar_image" :src="API_URL + slotProps.value.avatar_image"
|
<img v-if="slotProps.value.avatar_image" :src="API_URL + slotProps.value.avatar_image"
|
||||||
class="w-4 h-4 rounded-full object-cover" />
|
class="w-4 h-4 rounded-full object-cover" />
|
||||||
<span class="text-[16px]">{{ slotProps.value.name }}</span>
|
<span class="text-[12px] ">{{ slotProps.value.name }}</span>
|
||||||
|
</div>
|
||||||
|
<span v-else class="text-slate-400 text-[12px] items-center">{{ slotProps.placeholder }}</span>
|
||||||
</div>
|
</div>
|
||||||
<span v-else class="text-[16px] text-slate-400">{{ slotProps.placeholder }}</span>
|
|
||||||
</template>
|
</template>
|
||||||
<template #option="slotProps">
|
<template #option="slotProps">
|
||||||
<div class="flex items-center gap-1.5">
|
<div class="flex items-center gap-1.5">
|
||||||
<img v-if="slotProps.option.avatar_image" :src="API_URL + slotProps.option.avatar_image"
|
<img v-if="slotProps.option.avatar_image" :src="API_URL + slotProps.option.avatar_image"
|
||||||
class="w-5 h-5 rounded-full object-cover" />
|
class="w-5 h-5 rounded-full object-cover" />
|
||||||
<span class="text-[16px]">{{ slotProps.option.name }}</span>
|
<span class="">{{ slotProps.option.name }}</span>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</Dropdown>
|
</Dropdown>
|
||||||
|
|||||||
@@ -326,10 +326,9 @@ const handleAssetPickerUpload = async (event) => {
|
|||||||
<!-- Content Area (Scrollable) -->
|
<!-- Content Area (Scrollable) -->
|
||||||
<div class="flex-1 overflow-y-auto p-4 md:p-6 pb-48 custom-scrollbar">
|
<div class="flex-1 overflow-y-auto p-4 md:p-6 pb-48 custom-scrollbar">
|
||||||
<!-- Top Bar -->
|
<!-- Top Bar -->
|
||||||
<header class="flex justify-between items-center mb-3 border-b border-white/5 pb-2">
|
<header class="flex justify-between items-center gap-0 mb-3 border-b border-white/5 pb-2">
|
||||||
<div>
|
<div class="flex flex-row items-center justify-between gap-2">
|
||||||
<h1
|
<h1 class="text-lg font-bold !m-0 bg-gradient-to-r from-violet-400 to-fuchsia-400 bg-clip-text text-transparent">
|
||||||
class="text-lg font-bold m-0 bg-gradient-to-r from-violet-400 to-fuchsia-400 bg-clip-text text-transparent">
|
|
||||||
Ideas</h1>
|
Ideas</h1>
|
||||||
<p class="mt-0.5 mb-0 text-[10px] text-slate-500">Your creative sessions</p>
|
<p class="mt-0.5 mb-0 text-[10px] text-slate-500">Your creative sessions</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user