qciganoandClaude Sonnet 5
0a819b6a4d
1. Neue Seite /konto/angemeldet/ (alle 4 Sprachen): zeigt, was Kund:innen nach
dem Anmelden sehen - Begruessung, Kennzahlen, Bestellhistorie mit farbigem
Bestellstatus, Sendungsverfolgung (echter DHL-Link), Rechnung/Nochmal-
bestellen, Wunschliste, "Zuletzt angesehen" und Profildaten. Klar als
Vorschau gekennzeichnet: es gibt noch kein echtes Login und keine Datenbank
(Phase 2), die Bestellungen sind Beispieldaten fuer die Gestaltung. Von der
Login-Seite aus verlinkt, damit die Ansicht ueberhaupt erreichbar ist.
2. "Ueber die Kreative": der erste Abschnitt ihrer Geschichte ("Meine Reise
begann mit einer einzigen Masche") steht jetzt direkt neben dem Foto statt
darunter. Foto bleibt beim Lesen sichtbar (sticky), die restlichen
Abschnitte folgen wie bisher darunter.
3. Kategorie-Seiten: der farbige Kreis um das Emoji bei "Hauptkategorie" ist
entfernt, das Emoji steht jetzt frei neben der Ueberschrift.
Dabei gefundener und behobener eigener Fehler: das noetige "align-items: start"
fuer das neue Nebeneinander-Layout hat im gestapelten Handy-Layout die
Grid-Zeile zu niedrig berechnet, wodurch das Foto 80px in den Text darunter
ragte (per Messung im Browser nachgewiesen, nicht nur per Screenshot geraten).
Jetzt sauber auf Bildschirme ab 901px begrenzt - Handy misst 24px Abstand.
Co-Authored-By: Claude Sonnet 5 <[email protected]>
39 lines
1.5 KiB
Plaintext
39 lines
1.5 KiB
Plaintext
---
|
|
import Layout from "../../../layouts/Layout.astro";
|
|
import type { Locale } from "../../../i18n/config";
|
|
import { useTranslations } from "../../../i18n/ui";
|
|
|
|
const lang: Locale = "ch";
|
|
const t = useTranslations(lang);
|
|
---
|
|
<Layout title="Mis Konto" description="Gastbstellig oder Kundekonto bi Van's DIY & Bastelbedarf." lang={lang} path="/konto/">
|
|
<section class="section-tight">
|
|
<div class="container">
|
|
<span class="eyebrow">{t.account.eyebrow}</span>
|
|
<h1>{t.account.title}</h1>
|
|
<p class="todo-note">{t.account.todoNote}</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-tight">
|
|
<div class="container grid grid-2 account-grid">
|
|
<form class="frm card">
|
|
<h3>{t.account.loginTitle}</h3>
|
|
<div><label for="login-email">{t.account.email}</label><input id="login-email" type="email" /></div>
|
|
<div><label for="login-pw">{t.account.password}</label><input id="login-pw" type="password" /></div>
|
|
<button class="btn btn-primary btn-block" type="button" disabled>{t.account.loginButton}</button>
|
|
<a class="small" href="#">{t.account.forgotPassword}</a>
|
|
</form>
|
|
|
|
<div class="card">
|
|
<h3>{t.account.newTitle}</h3>
|
|
<p class="small">{t.account.newText}</p>
|
|
<a class="btn btn-outline btn-block" href="/ch/shop/">{t.account.guestButton}</a>
|
|
</div>
|
|
</div>
|
|
<div class="container" style="margin-top:1.2rem;">
|
|
<a class="small" href="/ch/konto/angemeldet/">{t.account.previewLink}</a>
|
|
</div>
|
|
</section>
|
|
</Layout>
|