12-05-2026 admin, Panel Displays
This commit is contained in:
parent
0762e3beac
commit
6a65354f4c
43 changed files with 3273 additions and 410 deletions
|
|
@ -187,7 +187,7 @@
|
|||
<p class="mt-2 text-sm text-muted-foreground">
|
||||
{{ data_get($showUi, 'next_step_text') }}
|
||||
</p>
|
||||
<a href="/contact" class="mt-5 inline-flex w-full justify-center btn-primary-accent">
|
||||
<a href="#projekt-anfrage" class="mt-5 inline-flex w-full justify-center btn-primary-accent">
|
||||
{{ data_get($showUi, 'request_cta') }}
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -227,13 +227,13 @@
|
|||
{{ data_get($showUi, 'interest_text') }}
|
||||
</p>
|
||||
<div class="mt-8 flex flex-col justify-center gap-3 sm:flex-row">
|
||||
<a href="/contact"
|
||||
<a href="#projekt-anfrage"
|
||||
class="btn-primary-accent px-8 py-4 text-lg">{{ data_get($showUi, 'interest_cta_consult') }}</a>
|
||||
<a href="{{ $overviewUrl }}#projekte"
|
||||
class="btn-secondary-accent px-8 py-4 text-lg">{{ data_get($showUi, 'interest_cta_more') }}</a>
|
||||
</div>
|
||||
|
||||
<div class="mt-10 text-left">
|
||||
<div id="projekt-anfrage" class="mt-10 scroll-mt-24 text-left">
|
||||
<livewire:web.components.sections.immobilien-contact-form :projectSlug="$project['slug'] ?? ''" :projectTitle="$project['title'] ?? ''"
|
||||
:showInterest="false" :submitLabel="data_get($ui, 'modal.request_submit', 'Anfrage absenden')"
|
||||
wire:key="azizi-project-detail-contact-form-{{ $project['slug'] ?? 'project' }}" />
|
||||
|
|
|
|||
|
|
@ -295,6 +295,8 @@
|
|||
<nav x-show="!selectedProject" x-cloak x-transition.opacity x-data="{
|
||||
open: false,
|
||||
active: '',
|
||||
navTop: 12,
|
||||
panelTop: 64,
|
||||
sections: @js($sidebarSections),
|
||||
update() {
|
||||
const offset = window.innerHeight * 0.35
|
||||
|
|
@ -307,6 +309,18 @@
|
|||
}
|
||||
this.active = current
|
||||
},
|
||||
updatePosition() {
|
||||
const header = document.getElementById('header')
|
||||
if (!header) {
|
||||
this.navTop = 12
|
||||
this.panelTop = 64
|
||||
return
|
||||
}
|
||||
|
||||
const rect = header.getBoundingClientRect()
|
||||
this.navTop = Math.max(12, rect.top + 12)
|
||||
this.panelTop = Math.max(64, rect.bottom + 8)
|
||||
},
|
||||
scrollToSection(id) {
|
||||
const el = document.getElementById(id)
|
||||
if (!el) {
|
||||
|
|
@ -319,12 +333,15 @@
|
|||
return this.sections.find(section => section.id === this.active)?.label || this.sections[0]?.label || ''
|
||||
},
|
||||
}" x-init="update();
|
||||
updatePosition();
|
||||
window.addEventListener('scroll', () => update(), { passive: true });
|
||||
window.addEventListener('resize', () => update(), { passive: true });"
|
||||
window.addEventListener('scroll', () => updatePosition(), { passive: true });
|
||||
window.addEventListener('resize', () => { update(); updatePosition(); }, { passive: true });"
|
||||
@keydown.escape.window="open = false" aria-label="{{ data_get($ui, 'sidebar.toggle_open') }}"
|
||||
class="fixed right-14 top-3 z-[60] lg:hidden">
|
||||
<div x-show="open" x-transition.origin.top.right
|
||||
class="fixed inset-x-3 top-16 rounded-2xl border border-border bg-background p-3 shadow-2xl shadow-zinc-950/25">
|
||||
class="fixed right-[3.25rem] z-[60] md:hidden" :style="`top: ${navTop}px`">
|
||||
<div x-show="open" x-cloak x-transition.origin.top.right @click.outside="open = false"
|
||||
class="fixed inset-x-3 rounded-2xl border border-border bg-background p-3 shadow-2xl shadow-zinc-950/25"
|
||||
:style="`top: ${panelTop}px`">
|
||||
<div class="mb-3 flex items-center justify-between gap-3 border-b border-border pb-3">
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground">
|
||||
{{ data_get($ui, 'sidebar.mobile_label', 'Abschnitt') }}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue