Merge pull request #20 from MichalBryxi/fix/17/slider-looks-like-slider

Fix/17/slider looks like slider

.prototools

@@ -0,0 +1,2 @@
+node = "22.11.0"
+pnpm = "9.13.0"

app/components/open-to/files/index.gjs

@@ -4,24 +4,26 @@ import OpenToFilesPreview from 'open-to-dot-dot-dot/components/open-to/files/pre
 import fileQueue from 'ember-file-upload/helpers/file-queue';
 import OpenToFilesUpload from 'open-to-dot-dot-dot/components/open-to/files/upload';
 import { t } from 'ember-intl';
+import { notEq } from 'ember-truth-helpers';
 
 export default class OpenToFiles extends Component {
   <template>
     {{#let (fileQueue onFileAdded=this.uploadPhoto) as |queue|}}
-      <ul role='list' class='grid grid-cols-1 gap-x-4 gap-y-8 sm:gap-x-6'>
+      <ul
+        role='list'
+        class='grid grid-cols-1 gap-x-4 gap-y-8 sm:gap-x-6
+          {{if (notEq queue.files.length 0) "sm:grid-cols-2"}}'
+      >
+        <li>
+          <OpenToFilesUpload />
+        </li>
+
         {{#each queue.files as |file|}}
           <li>
             <div class='mx-auto w-full aspect-square relative'>
               <OpenToFilesPreview @file={{file}} />
             </div>
           </li>
-        {{else}}
-          <li>
-            <div class='mx-auto w-full aspect-square relative'>
-              <OpenToFilesUpload />
-            </div>
-          </li>
-
         {{/each}}
       </ul>
     {{/let}}

translations/en-us.yaml

@@ -2,7 +2,7 @@ application:
   name: '#OpenTo...'
   subtitle: LinkedIn avatar generator
 drag-and-drop:
-  instructions: Drop your image here
+  instructions: Drop your images here
   drop-now: Drop it!
 toggles:
   text: Text