mstoeck3/forensic-pathways
2
0
Fork 0
Code Issues 8 Pull Requests Projects Releases Activity

attempt fix layout

Browse Source
This commit is contained in:
overcuriousity 2025-08-18 00:34:29 +02:00
parent 28af56d6ef
commit 76694e003c
1 changed files with 5 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/AIQueryInterface.astro
View File

@ -2022,7 +2022,7 @@ class AIQueryInterface {
return ` return `
<div class="card ${this.getToolClass(tool, 'card')} cursor-pointer relative" onclick="window.showToolDetails('${tool.name}')"> <div class="card ${this.getToolClass(tool, 'card')} cursor-pointer relative" onclick="window.showToolDetails('${tool.name}')">
<div class="absolute -top-2 -right-2 w-8 h-8 text-white rounded-xl flex items-center justify-center font-semibold text-lg" style="background-color: ${rankColors[rank]};"> <div style="position: absolute; top: -8px; right: -8px; width: 32px; height: 32px; background-color: ${rankColors[rank]}; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.125rem;">
${rank} ${rank}
</div> </div>
@ -2155,16 +2155,16 @@ class AIQueryInterface {
${pros?.length ? ` ${pros?.length ? `
<div class="card-info-sm border-l-4" style="border-left-color: var(--color-accent); background-color: var(--color-oss-bg);"> <div class="card-info-sm border-l-4" style="border-left-color: var(--color-accent); background-color: var(--color-oss-bg);">
<h5 class="mb-2 text-accent text-sm">✓ Vorteile</h5> <h5 class="mb-2 text-accent text-sm">✓ Vorteile</h5>
<ul class="ml-4"> <ul style="margin: 0; padding-left: 1rem;">
${pros.map(pro => `<li class="mb-1">${sanitizeText(pro)}</li>`).join('')} ${pros.map(pro => `<li style="margin-bottom: 0.25rem;">${sanitizeText(pro)}</li>`).join('')}
</ul> </ul>
</div> </div>
` : ''} ` : ''}
${cons?.length ? ` ${cons?.length ? `
<div class="card-info-sm border-l-4" style="border-left-color: var(--color-warning); background-color: var(--color-hosted-bg);"> <div class="card-info-sm border-l-4" style="border-left-color: var(--color-warning); background-color: var(--color-hosted-bg);">
<h5 class="mb-2 text-warning text-sm">✗ Nachteile</h5> <h5 class="mb-2 text-warning text-sm">✗ Nachteile</h5>
<ul class="ml-4"> <ul style="margin: 0; padding-left: 1rem;">
${cons.map(con => `<li class="mb-1">${sanitizeText(con)}</li>`).join('')} ${cons.map(con => `<li style="margin-bottom: 0.25rem;">${sanitizeText(con)}</li>`).join('')}
</ul> </ul>
</div> </div>
` : ''} ` : ''}
@ -2231,15 +2231,6 @@ class AIQueryInterface {
} }
} }
getSuitabilityText(score) {
const texts = {
high: 'GUT GEEIGNET',
medium: 'GEEIGNET',
low: 'VIELLEICHT GEEIGNET'
};
return texts[score] || 'GEEIGNET';
}
showLoading() { showLoading() {
showElement(this.elements.loading); showElement(this.elements.loading);
} }