styling tweaks

marhaupe · Aug 4, 2024 · 6caae90 · 6caae90
1 parent a85d71c
commit 6caae90
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/frontend/src/App.tsx b/packages/frontend/src/App.tsx
@@ -80,7 +80,7 @@ export function App() {
               onSearch={(query) => setFilter(query)}
             />
             {logs.length > 0 ? (
-              <CardContent>
+              <CardContent className="overflow-scroll">
                 {logs.map((log) => (
                   <div
                     className="flex flex-row text-sm border-none"
@@ -127,7 +127,7 @@ function LogEntry({ log }: { log: Log }) {
   };
   return (
     <>
-      <div className="w-32 text-slate-400 font-mono text-sm tracking-tighter select-none">
+      <div className="w-32 min-w-32 text-slate-400 font-mono text-sm tracking-tighter select-none">
         {new Date(log.timestamp).toISOString().split("T")[1]}
       </div>
       <div className="whitespace-pre font-mono text-sm tracking-tight">

diff --git a/packages/frontend/src/SearchBar.tsx b/packages/frontend/src/SearchBar.tsx
@@ -1,5 +1,5 @@
 import { Button } from "@/components/ui/button";
-import { PlayIcon } from "lucide-react";
+import { TextSearchIcon } from "lucide-react";
 import { forwardRef, useImperativeHandle } from "react";
 import { useForm } from "react-hook-form";
 
@@ -29,7 +29,7 @@ export const SearchQueryBuilder = forwardRef(function SearchQueryBuilder(
       >
         <input
           {...register("query")}
-          placeholder="Query"
+          placeholder="Search..."
           className="px-3 py-2 flex-grow file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus:outline-none"
         />
         <Button
@@ -38,7 +38,7 @@ export const SearchQueryBuilder = forwardRef(function SearchQueryBuilder(
           variant="outline"
           type="submit"
         >
-          <PlayIcon className="size-6" />
+          <TextSearchIcon className="size-6" />
         </Button>
       </form>
     </div>