wip: small random

tabarra · Dec 20, 2023 · b84e670 · b84e670
1 parent 6c561c4
commit b84e670
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 13 deletions.
diff --git a/core/webroutes/devDebug.ts b/core/webroutes/devDebug.ts
@@ -24,8 +24,6 @@ export const get = async (ctx: AuthedCtx) => {
     console.warn(devWarningMessage);
     const { scope } = schemaRes.data;
 
-
-
     return ctx.send({
         rand: Math.random()
     });

diff --git a/panel/src/layout/Header.tsx b/panel/src/layout/Header.tsx
@@ -1,9 +1,7 @@
 import {
     DropdownMenu,
     DropdownMenuContent,
-    DropdownMenuItem,
-    DropdownMenuLabel,
-    DropdownMenuSeparator, DropdownMenuTrigger
+    DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger
 } from "@/components/ui/dropdown-menu";
 import { cn, openExternalLink } from "@/lib/utils";
 import { KeyRoundIcon, LogOutIcon, Menu, Monitor, MoonIcon, PersonStanding, SunIcon } from "lucide-react";
@@ -126,7 +124,7 @@ function AuthedHeaderFragment() {
 
     return (
         <DropdownMenu>
-            <DropdownMenuTrigger className="flex flex-row items-center gap-2 sm:gap-3">
+            <DropdownMenuTrigger className="flex flex-row items-center gap-2 sm:gap-3 ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-lg">
                 <span className="hidden xl:block text-muted-foreground">{authData.name}</span>
                 <Avatar
                     className="w-11 h-11 sm:w-10 sm:h-10 rounded-md text-2xl 
@@ -158,6 +156,7 @@ function AuthedHeaderFragment() {
                     <FaDiscord size="14" className="mr-2" />
                     Support
                 </DropdownMenuItem>
+                <DropdownMenuSeparator />
                 <DropdownMenuItem className="cursor-pointer" onClick={doLogout}>
                     <LogOutIcon className="mr-2 h-4 w-4" />
                     Logout

diff --git a/panel/src/layout/serverSidebar/ServerControls.tsx b/panel/src/layout/serverSidebar/ServerControls.tsx
@@ -11,11 +11,6 @@ import {
     TooltipTrigger,
 } from "@/components/ui/tooltip";
 import { useOpenConfirmDialog, useOpenPromptDialog } from '@/hooks/dialogs';
-import { useMutation } from '@tanstack/react-query';
-import { ApiAuthErrorResp, ApiToastResp } from '@shared/genericApiTypes';
-import { useCsrfToken, useExpireAuthData } from '@/hooks/auth';
-import { txToast } from '@/components/TxToaster';
-import { useRef, useState } from 'react';
 import { useBackendApi } from '@/hooks/fetch';
 import { useCloseAllSheets } from '@/hooks/sheets';
 
@@ -25,7 +20,7 @@ const tooltipDelay = 300;
 const controlButtonsVariants = cva(
     `h-10 sm:h-8 rounded-md transition-colors
     flex flex-grow items-center justify-center flex-shrink-0
-    border bg-muted shadow-md
+    border bg-muted shadow-sm
 
     focus:outline-none disabled:pointer-events-none disabled:opacity-50 ring-offset-background  focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,
     {

diff --git a/panel/src/pages/testing/TestingPage.tsx b/panel/src/pages/testing/TestingPage.tsx
@@ -8,13 +8,15 @@ import { useSetPageTitle } from "@/hooks/pages";
 import TmpSocket from "./TmpSocket";
 import TmpToasts from "./TmpToasts";
 import TmpApi from "./TmpApi";
+import TmpFiller from "./TmpFiller";
 
 
 export default function TestingPage() {
     const setPageTitle = useSetPageTitle();
     setPageTitle();
 
-    return <div className="flex flex-col gap-4 w-full m-4">
+    return <div className="flex flex-col gap-4 w-full">
+        {/* <TmpFiller /> */}
         {/* <TmpApi /> */}
         {/* <TmpToasts /> */}
         {/* <TmpSocket /> */}

diff --git a/panel/src/pages/testing/TmpFiller.tsx b/panel/src/pages/testing/TmpFiller.tsx
@@ -0,0 +1,14 @@
+const fillerLines: any[] = [];
+for (let i = 0; i < 100; i++) {
+    const text = '='.repeat(i % 48);
+    const hue = Math.floor((i / 50) * 360);
+    fillerLines.push(<div key={i} style={{ backgroundColor: `hsl(${hue}deg 75% 65%)` }}>{text}</div>);
+}
+
+export default function TmpFiller() {
+    return (
+        <div className="mx-auto text-center">
+            {fillerLines}
+        </div>
+    );
+}