Make upload button look better

espidev · Jul 26, 2023 · b485eb9 · b485eb9
1 parent 85d6fd3
commit b485eb9
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/website/app/collection/upload/page.tsx b/website/app/collection/upload/page.tsx
@@ -70,11 +70,20 @@ export default function CollectionUploadPage() {
           {
             isDragActive ?
               <p>Drop files here...</p> :
-              <p>Drag and drop files here, or click to select files</p>
+              <p>
+                Drag and drop files here, or click to select files
+
+                <br />
+              </p>
           }
 
         </div>
-        <Button variant="contained" onClick={handleUpload}>Upload</Button>
+
+        {
+          files.length > 0 ?
+            <Button variant="outlined" onClick={handleUpload} size="large">Upload</Button> :
+            <></>
+        }
 
         <ul>
           {