Update file upload hint copy writing

oursky · May 23, 2024 · 76ddce4 · 76ddce4
1 parent a720c9f
commit 76ddce4
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/public/scripts/upload.js b/public/scripts/upload.js
@@ -322,7 +322,7 @@ function updateFileListItem(itemNode, imageUpload) {
   if (imageUpload.isErrorState) {
     switch (imageUpload.readState) {
       case ReadState.ErrUnsupportedFileType:
-        hintNode.innerText = "File extensions should be in JPG, PNG or PSD.";
+        hintNode.innerText = "Supported file extensions: JPG, PNG or PSD.";
         break;
       case ReadState.ErrExceedMaxFileSize:
         hintNode.innerText = `File size should be less than ${MAX_FILE_SIZE_READABLE}.`;
@@ -334,7 +334,7 @@ function updateFileListItem(itemNode, imageUpload) {
         break;
     }
   } else if (shouldShowAspectRatioWarning) {
-    hintNode.innerText = `This file has a different aspect ratio than ${recommendAspectRatio.toPrecision(
+    hintNode.innerText = `File aspect ratio differs from ${recommendAspectRatio.toPrecision(
       3,
     )} (ideally ${recommendDim.width}px * ${recommendDim.height}px).`;
   }

diff --git a/src/pages/device/[device].astro b/src/pages/device/[device].astro
@@ -128,7 +128,7 @@ const deviceDatail: Device = DEVICE_MANAGER.getDeviceById(targetDevice);
 
       <section class="device-info">
         <div class="device-support">
-          <h3 class="device-support__heading">THIS DEVICE SUPPORTS</h3>
+          <h3 class="device-support__heading">DEVICE ORIENTATIONS</h3>
           <ul class="device-support__orientation-list">
             {
               deviceDatail.imagePath?.map((path: string[]) => (

diff --git a/src/styles/upload.css b/src/styles/upload.css
@@ -292,6 +292,7 @@ main {
   width: 20px;
   height: 20px;
   margin: 0 8px 0 0;
+  flex: none;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;