ai-char/ai-service-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
xds
2026-02-20 15:58:43 +03:00
parent ccd7f8a2df
commit 1a7295aa77
2 changed files with 63 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/assets/main.css
View File

@@ -282,3 +282,59 @@ h1, h2, h3, h4, h5, h6 {
background: rgba(255,255,255,0.1) !important;
color: white !important;
}
/* --- ConfirmDialog --- */
.p-confirmdialog {
background: #1e293b !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 1rem !important;
}
.p-confirmdialog .p-dialog-header {
background: transparent !important;
color: white !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}
.p-confirmdialog .p-dialog-content {
background: transparent !important;
color: #f8fafc !important;
padding: 2rem !important;
}
.p-confirmdialog .p-dialog-footer {
background: transparent !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
padding: 1rem !important;
display: flex !important;
justify-content: flex-end !important;
gap: 0.5rem !important;
}
/* --- Specific Button Styles --- */
.p-button-danger {
background: #ef4444 !important;
border-color: #ef4444 !important;
color: white !important;
}
.p-button-danger:hover {
background: #dc2626 !important;
border-color: #dc2626 !important;
}
.p-button-secondary {
background: rgba(255, 255, 255, 0.1) !important;
border-color: transparent !important;
color: #94a3b8 !important;
}
.p-button-secondary:hover {
background: rgba(255, 255, 255, 0.15) !important;
color: white !important;
}
.p-button-text {
background: transparent !important;
border-color: transparent !important;
}

11
src/views/IdeaDetailView.vue
View File

@@ -701,7 +701,10 @@ const deleteIdea = () => {
message: 'Delete this entire idea session? All generations will remain in your history.',
header: 'Delete Idea',
icon: 'pi pi-exclamation-triangle',
acceptLabel: 'Delete',
rejectLabel: 'Cancel',
acceptClass: 'p-button-danger',
rejectClass: 'p-button-secondary p-button-text',
accept: async () => {
await ideaStore.deleteIdea(currentIdea.value.id)
router.push('/ideas')
@@ -907,7 +910,7 @@ watch(viewMode, (v) => {
class="h-10 border-b border-white/5 flex items-center justify-between px-4 bg-slate-900/80 backdrop-blur z-20">
<div class="flex items-center gap-3">
<div class="flex flex-col">
<div class="flex items-center gap-2">
<div class="flex items-center gap-2 items-center">
<div v-if="isEditingName" class="flex items-center gap-2">
<InputText v-model="editableName"
class="idea-name-input !bg-slate-800 !border-violet-500/50 !text-white !py-0.5 !h-7 !text-[16px] !font-bold"
@@ -915,7 +918,7 @@ watch(viewMode, (v) => {
@blur="saveName"
/>
</div>
<h1 v-else class="text-sm font-bold text-slate-200 truncate max-w-[150px] md:max-w-md cursor-pointer hover:text-violet-400 transition-colors"
<h1 v-else class="text-sm font-bold !m-0 text-slate-200 truncate max-w-[150px] md:max-w-md cursor-pointer hover:text-violet-400 transition-colors"
@click="toggleEditName">
{{ currentIdea?.name || 'Loading...' }}
<i class="pi pi-pencil text-[8px] ml-1 opacity-50"></i>
@@ -930,12 +933,12 @@ watch(viewMode, (v) => {
<!-- View Toggle -->
<div class="flex bg-slate-800 rounded-lg p-0.5 border border-white/5">
<button @click="viewMode = 'feed'"
class="px-2 py-1 rounded-md text-[10px] font-medium transition-all"
class="px-2 py-1 rounded-md text-[10px] font-medium transition-all items-center flex"
:class="viewMode === 'feed' ? 'bg-violet-600 text-white shadow-lg' : 'text-slate-400 hover:text-slate-200'">
<i class="pi pi-list mr-1"></i> Feed
</button>
<button @click="viewMode = 'gallery'"
class="px-2 py-1 rounded-md text-[10px] font-medium transition-all"
class="px-2 py-1 rounded-md text-[10px] font-medium transition-all flex items-center"
:class="viewMode === 'gallery' ? 'bg-violet-600 text-white shadow-lg' : 'text-slate-400 hover:text-slate-200'">
<i class="pi pi-th-large mr-1"></i> Gallery
</button>