daniel/webstack-author
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: streamline admin access switcher

Browse source 
Remove pseudonym switcher from the floating admin portal and update styles for a cleaner UI footprint.
This commit is contained in:
Dada1981 2026-07-19 23:27:49 +02:00
parent 25326bb97a
commit 85c06ef25e
1 changed files with 4 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
src/App.tsx
View file

@ -90,8 +90,8 @@ export default function App() {
<> <>
{renderActivePortfolio()} {renderActivePortfolio()}
{/* Absolute floating administration and pseudonym portal switcher on the bottom left (hover to show) */} {/* Absolute floating administration bypass link hidden on the bottom left (hover to show) */}
<div className="fixed bottom-3 left-3 opacity-0 hover:opacity-100 focus-within:opacity-100 transition-opacity duration-300 z-40 bg-neutral-950/90 border border-neutral-800 p-2.5 rounded-xl flex flex-wrap items-center gap-4 text-xs font-mono shadow-xl backdrop-blur-sm"> <div className="fixed bottom-3 left-3 opacity-0 hover:opacity-100 focus-within:opacity-100 transition-opacity duration-300 z-40 bg-neutral-950/90 border border-neutral-800 p-2 rounded-xl flex items-center text-xs font-mono shadow-xl backdrop-blur-sm">
<a <a
href="/admin" href="/admin"
onClick={(e) => { onClick={(e) => {
@ -99,50 +99,11 @@ export default function App() {
window.history.pushState({}, "", "/admin"); window.history.pushState({}, "", "/admin");
setCurrentPath("/admin"); setCurrentPath("/admin");
}} }}
className="text-stone-500 hover:text-cyan-400 font-bold flex items-center gap-1 transition-colors" className="text-stone-500 hover:text-cyan-400 font-bold flex items-center gap-1.5 transition-colors px-1"
> >
<Lock className="w-3.5 h-3.5" /> <Lock className="w-3 h-3" />
<span>Admin-Zentrale</span> <span>Admin-Zentrale</span>
</a> </a>
<div className="w-px h-3 bg-neutral-800" />
<a
href="/"
onClick={(e) => {
e.preventDefault();
window.history.pushState({}, "", "/");
setCurrentPath("/");
}}
className={`font-bold flex items-center gap-1 transition-colors ${currentPath === "/" ? "text-cyan-400" : "text-stone-500 hover:text-cyan-400"}`}
>
<Sparkles className="w-3.5 h-3.5" />
<span>Sci-Fi & Fantasy</span>
</a>
<div className="w-px h-3 bg-neutral-800" />
<a
href="/sensual-moments"
onClick={(e) => {
e.preventDefault();
window.history.pushState({}, "", "/sensual-moments");
setCurrentPath("/sensual-moments");
}}
className={`font-bold flex items-center gap-1 transition-colors ${currentPath === "/sensual-moments" ? "text-orange-400" : "text-stone-500 hover:text-orange-400"}`}
>
<Eye className="w-3.5 h-3.5" />
<span>Sinnlich (M.S. Velvet)</span>
</a>
<div className="w-px h-3 bg-neutral-800" />
<a
href="/clara-finch"
onClick={(e) => {
e.preventDefault();
window.history.pushState({}, "", "/clara-finch");
setCurrentPath("/clara-finch");
}}
className={`font-bold flex items-center gap-1 transition-colors ${currentPath === "/clara-finch" ? "text-emerald-400" : "text-stone-500 hover:text-emerald-400"}`}
>
<Leaf className="w-3.5 h-3.5" />
<span>Naturlyrik (Clara Finch)</span>
</a>
</div> </div>
</> </>
); );