fix: outline overflow

packages/app/src/Components/Event/Create/NoteCreator.tsx

@@ -31,7 +31,6 @@ import useFileUpload, { addExtensionToNip94Url, nip94TagsToIMeta, readNip94Tags
 import { GetPowWorker } from "@/Utils/wasm";
 import { ZapTarget } from "@/Utils/Zapper";
 
-import FileUploadProgress from "../FileUpload";
 import { OkResponseRow } from "./OkResponseRow";
 
 const previewNoteOptions = {
@@ -667,7 +666,6 @@ export function NoteCreator() {
             </div>
           </div>
         )}
-        {uploader.progress.length > 0 && <FileUploadProgress progress={uploader.progress} />}
         {(note.otherEvents?.length ?? 0) > 0 && !note.preview && (
           <div className="flex gap-2 flex-wrap">
             {note.otherEvents
@@ -711,6 +709,7 @@ export function NoteCreator() {
           actions={
             <>
               <IconButton
+                className="max-lg:!hidden"
                 icon={{
                   name: "expand",
                 }}

packages/app/src/Components/Upload/file-picker.tsx

@@ -98,7 +98,7 @@ function Nip96File({ file, checked, onClick }: { file: NostrEvent; checked: bool
   return (
     <div onClick={() => onClick()}>
       <div
-        className="relative bg-layer-2 rounded-lg overflow-hidden aspect-square cursor-pointer hover:outline outline-highlight bg-cover bg-center"
+        className="relative bg-layer-2 rounded-lg overflow-hidden aspect-square cursor-pointer hover:outline outline-highlight bg-cover bg-center m-1"
         style={{
           backgroundImage: backgroundImage(),
         }}>