marek/creator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
team3
2026-06-07 15:27:07 +02:00
parent 4ffcca505a
commit ab8c577899
2 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/App.vue
View File

@@ -391,6 +391,7 @@ onUnmounted(() => {
:previewGuide="previewGuide" :previewGuide="previewGuide"
:dark="darkMode" :dark="darkMode"
:provider="provider" :provider="provider"
:elementsOpen="elementsOpen"
@progressChanged="loadStats(); loadBausteine()" @progressChanged="loadStats(); loadBausteine()"
@openElements="elementsOpen = true" @openElements="elementsOpen = true"
/> />

16
frontend/src/components/TopicDetail.vue
View File

@@ -7,6 +7,7 @@ const props = defineProps({
previewGuide: { type: Object, default: null }, previewGuide: { type: Object, default: null },
dark: { type: Boolean, default: false }, dark: { type: Boolean, default: false },
provider: { type: String, default: 'claude' }, provider: { type: String, default: 'claude' },
elementsOpen: { type: Boolean, default: false }, // Element-Sidebar offen → Chat nach links
}) })
const emit = defineEmits(['progressChanged', 'openElements']) const emit = defineEmits(['progressChanged', 'openElements'])
@@ -216,10 +217,10 @@ async function send() {
<p>Guide-Format anklicken um zu generieren oder Vorschau zu öffnen.</p> <p>Guide-Format anklicken um zu generieren oder Vorschau zu öffnen.</p>
</div> </div>
<button v-if="previewGuide && !chatOpen" class="chat-fab" title="Fragen zum Guide" @click="openChat">💬</button> <button v-if="previewGuide && !chatOpen" class="chat-fab" :class="{ shifted: elementsOpen }" title="Fragen zum Guide" @click="openChat">💬</button>
<button v-if="previewGuide && !chatOpen" class="chat-fab elements-fab" title="Elemente öffnen" @click="emit('openElements')">🗂</button> <button v-if="previewGuide && !chatOpen && !elementsOpen" class="chat-fab elements-fab" title="Elemente öffnen" @click="emit('openElements')">🗂</button>
<div v-if="previewGuide && chatOpen" ref="panelEl" class="chat-panel"> <div v-if="previewGuide && chatOpen" ref="panelEl" class="chat-panel" :class="{ shifted: elementsOpen }">
<header class="chat-header"> <header class="chat-header">
<span>Fragen zum Guide</span> <span>Fragen zum Guide</span>
<button class="chat-close" title="Chat beenden" @click="closeChat">×</button> <button class="chat-close" title="Chat beenden" @click="closeChat">×</button>
@@ -607,6 +608,15 @@ async function send() {
right: 5.25rem; right: 5.25rem;
} }
/* Element-Sidebar (320px) offen → Chat links daneben anzeigen */
.chat-fab.shifted {
right: calc(1.5rem + 320px);
}
.chat-panel.shifted {
right: calc(1.5rem + 320px);
}
.chat-panel { .chat-panel {
position: fixed; position: fixed;
right: 1.5rem; right: 1.5rem;