soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

weitere perfektionierung der neuen mobile app

Browse Source
This commit is contained in:
Codex Agent
2025-12-11 12:18:08 +01:00
parent 7b01a77083
commit b4417db5cd
38 changed files with 4265 additions and 3040 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/js/admin/components/DevTenantSwitcher.tsx
View File

@@ -19,7 +19,11 @@ declare global {
}
}
export function DevTenantSwitcher() {
type DevTenantSwitcherProps = {
bottomOffset?: number;
};
export function DevTenantSwitcher({ bottomOffset = 16 }: DevTenantSwitcherProps) {
const helper = window.fotospielDemoAuth;
const [loggingIn, setLoggingIn] = React.useState<string | null>(null);
const [collapsed, setCollapsed] = React.useState<boolean>(() => {
@@ -55,7 +59,8 @@ export function DevTenantSwitcher() {
return (
<button
type="button"
className="pointer-events-auto fixed bottom-4 right-4 z-[1000] flex items-center gap-2 rounded-full border border-amber-200 bg-white/95 px-4 py-2 text-sm font-medium text-amber-700 shadow-lg shadow-amber-200/60 transition hover:bg-amber-50"
className="pointer-events-auto fixed right-4 z-[1000] flex items-center gap-2 rounded-full border border-amber-200 bg-white/95 px-4 py-2 text-sm font-medium text-amber-700 shadow-lg shadow-amber-200/60 transition hover:bg-amber-50"
style={{ bottom: bottomOffset }}
onClick={() => setCollapsed(false)}
>
<PanelRightOpen className="h-4 w-4" />
@@ -76,7 +81,10 @@ export function DevTenantSwitcher() {
}
return (
<div className="pointer-events-auto fixed bottom-4 right-4 z-[1000] flex max-w-xs flex-col gap-2 rounded-xl border border-amber-200 bg-white/95 p-3 text-sm shadow-xl shadow-amber-200/60">
<div
className="pointer-events-auto fixed right-4 z-[1000] flex max-w-xs flex-col gap-2 rounded-xl border border-amber-200 bg-white/95 p-3 text-sm shadow-xl shadow-amber-200/60"
style={{ bottom: bottomOffset }}
>
<div className="flex items-center justify-between gap-2">
<div className="flex items-center gap-2">
<strong className="text-amber-800">Demo tenants</strong>