fix: admin sticky header, pricing rules textarea, hero 3D text shadow
- Admin mobile header: sticky top so it stays visible on scroll - Pricing rules: auto-expanding textarea instead of single-line input - Hero text: layered gold+shadow for 3D depth effect
This commit is contained in:
@@ -163,7 +163,7 @@ export default function AdminLayout({
|
||||
{/* Main content */}
|
||||
<div className="flex-1 flex flex-col min-w-0">
|
||||
{/* Top bar (mobile) */}
|
||||
<header className="flex items-center gap-3 border-b border-white/10 px-4 py-3 lg:hidden">
|
||||
<header className="sticky top-0 z-30 flex items-center gap-3 border-b border-white/10 bg-neutral-950 px-4 py-3 lg:hidden">
|
||||
<button
|
||||
onClick={() => setSidebarOpen(true)}
|
||||
aria-label="Открыть меню"
|
||||
|
||||
@@ -200,11 +200,16 @@ function PricingContent({ data, update }: { data: PricingData; update: (d: Prici
|
||||
onChange={(rules) => update({ ...data, rules })}
|
||||
inline
|
||||
renderItem={(rule, _i, updateItem) => (
|
||||
<input
|
||||
type="text"
|
||||
<textarea
|
||||
value={rule}
|
||||
onChange={(e) => updateItem(e.target.value)}
|
||||
className="w-full rounded-lg border border-white/10 bg-neutral-800 px-3 py-2 text-sm text-white placeholder-neutral-500 outline-none hover:border-gold/30 focus:border-gold transition-colors"
|
||||
onChange={(e) => {
|
||||
updateItem(e.target.value);
|
||||
e.target.style.height = "auto";
|
||||
e.target.style.height = e.target.scrollHeight + "px";
|
||||
}}
|
||||
ref={(el) => { if (el) { el.style.height = "auto"; el.style.height = el.scrollHeight + "px"; } }}
|
||||
rows={1}
|
||||
className="w-full rounded-lg border border-white/10 bg-neutral-800 px-3 py-2 text-sm text-white placeholder-neutral-500 outline-none hover:border-gold/30 focus:border-gold transition-colors resize-none overflow-hidden"
|
||||
placeholder="Текст правила..."
|
||||
/>
|
||||
)}
|
||||
|
||||
@@ -158,7 +158,7 @@ export function Hero({ data: hero }: HeroProps) {
|
||||
<FloatingHearts />
|
||||
|
||||
{/* Content */}
|
||||
<div className="section-container relative z-10 text-center">
|
||||
<div className="section-container relative z-10 text-center" style={{ textShadow: "0 1px 0 rgba(201,169,110,0.3), 0 2px 0 rgba(201,169,110,0.2), 0 4px 8px rgba(0,0,0,0.4), 0 8px 20px rgba(0,0,0,0.3)" }}>
|
||||
<div className="hero-logo relative mx-auto mb-10 flex items-center justify-center" style={{ width: 220, height: 181 }}>
|
||||
<div className="absolute -inset-10 rounded-full blur-[80px]" style={{ background: "radial-gradient(circle, rgba(201,169,110,0.25), transparent 70%)" }} />
|
||||
<div className="hero-logo-heartbeat relative">
|
||||
|
||||
Reference in New Issue
Block a user