Add border and format

overlayeddev · Sep 17, 2024 · e302af2 · e302af2
1 parent 5f92cff
commit e302af2
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/apps/bot/src/index.ts b/apps/bot/src/index.ts
@@ -9,7 +9,7 @@ import {
 	CANARY,
 	HELP,
 	INFO,
-    INVITE,
+	INVITE,
 } from "./commands.js";
 import { Bindings } from "./types.js";
 import { verifyDiscordRequest } from "./utils.js";

diff --git a/apps/desktop/src/App.tsx b/apps/desktop/src/App.tsx
@@ -13,6 +13,7 @@ import { useAppStore } from "./store";
 import { Toaster } from "./components/ui/toaster";
 import { useEffect } from "react";
 import { useSocket } from "./rpc/manager";
+import { cn } from "./utils/tw";
 
 function App() {
   useDisableWebFeatures();
@@ -28,11 +29,15 @@ function App() {
 
   const { pin } = usePin();
   const { horizontal, setHorizontalDirection } = useAlign();
-
   const visibleClass = visible ? "opacity-100" : "opacity-0";
 
   return (
-    <div className={`text-white h-screen select-none rounded-lg ${visibleClass}`}>
+    <div
+      className={cn(
+        `text-white h-screen select-none rounded-lg ${visibleClass}`,
+        pin ? null : "border border-zinc-600"
+      )}
+    >
       {!pin && (
         <NavBar
           isUpdateAvailable={update?.available ?? false}

diff --git a/apps/desktop/src/main.tsx b/apps/desktop/src/main.tsx
@@ -1,5 +1,5 @@
 // shim some stuff
-import 'core-js/actual/promise';
+import "core-js/actual/promise";
 
 import React from "react";
 import ReactDOM from "react-dom/client";