Правки для размера и позиционирования картинок

src/public/css/styles-main.css

@@ -65,12 +65,14 @@
     {
     padding: 0px;
     height: calc(100vh - 40px);
+    background-color: #303030;
     overflow:auto;
     }
     
     .b-preview_inner
         {
         display: none;
+        height: 100%;
         }
         
         .b-preview_inner.active
@@ -88,19 +90,20 @@
         background-image: url(../img/loading.gif);
         background-position: center center;
         background-repeat: no-repeat;
-        background-color: #FFF;
+        background-color: #303030;
         z-index: 9999;
     }
     
-    .b-folder-content .sorted
-        {
-        margin: 0;
-        }
-        
-    .b-folder-content .not-sorted
+    .b-folder-content
         {
-        margin: 0;
+        height: 100%;
         }
+    
+        .b-folder-content .sorted,
+        .b-folder-content .not-sorted
+            {
+            margin: 0;
+            }
         
 .b-foto-double
     {
@@ -142,6 +145,7 @@
     
 .b-foto {
     padding: 4px;
+    
 }
 
     .b-foto_inner {
@@ -149,8 +153,18 @@
         border-radius: 4px;
         overflow: hidden;
         cursor: pointer;
+        height: 450px;
     }
+    
+    .b-foto_inner-emul
+        {
+        height: 450px;
+        }
 
+        .b-foto_inner.single-row
+            {
+            height: auto;
+            }
         
         .b-folder-content.has-selected .b-foto_inner.paired {
             cursor: default;
@@ -159,6 +173,8 @@
         
         .b-foto_img {
             width: 100%;
+            height: 100%;
+            object-fit: contain;
         }
         
         .b-foto_border

src/public/fotos.dat

-{"B-KazwCAcxM":{"1":["a1654550658-1.jpg","a1654550658-2.jpg"],"2":["a1654550658-5.jpg","a1654550658-3.jpg"]},"BtbMz-iFHDk":"","B24WGzEo8v_":{"1":["a1654549054-2.jpg","a1654549054-3.jpg"]},"BzGTAELIyX_":{
\ No newline at end of file

src/public/js/script-main.js

@@ -70,7 +70,7 @@ $(document).ready(function(){
             folder,
             templateFolderContent,
             templateFolderContentCommon = _.template('' +
-                '<div class="b-folder-content row active" data-folder="<%= folderName %>">' +
+                '<div class="b-folder-content row align-items-center active" data-folder="<%= folderName %>">' +
                 '   <div class="b-foto-double col">' +
                 '   <% _.each(files, function(item, ind) { %>   \n' +
                 '       <div class="b-foto" data-id="<%= item %>" data-ind="<%= ind+1 %>">' +
@@ -85,15 +85,22 @@ $(document).ready(function(){
                 '   <div class="b-foto-double col">' +
                 '   <% } %>' +
                 '   <% }) %>  \n' +
+                
+                
+                '   <% if ((files.length % 2) != 0) { %>' +
+                '   <div class="b-foto"><div class="b-foto_inner-emul"></div></div>' +
+                '   <% } %>' +
+                
+                
                 '   </div>' +
                 '</div>'
             ),
             templateFolderContent23 = _.template('' +
-                '<div class="b-folder-content row active" data-folder="<%= folderName %>">' +
+                '<div class="b-folder-content row align-items-center active" data-folder="<%= folderName %>">' +
                 '   <% _.each(files, function(item, ind) { %>   \n' +
                 '   <div class="b-foto-double col">' +
                 '       <div class="b-foto" data-id="<%= item %>" data-ind="<%= ind+1 %>">' +
-                '           <div class="b-foto_inner" data-foto="<%= item %>" data-num="">' +
+                '           <div class="b-foto_inner single-row" data-foto="<%= item %>" data-num="">' +
                 '               <img class="b-foto_img" src="<%= folder %>/<%= item %>" >' +
                 '               <div class="b-foto_border"></div>' +
                 '               <div class="b-foto_number"></div>' +
@@ -134,7 +141,7 @@ $(document).ready(function(){
 
         if (folderType == 'new') {
             
-            if (dataStorage[folderName]) sourceData = dataStorage[folderName];
+            if (dataStorage && dataStorage[folderName]) sourceData = dataStorage[folderName];
             
             if (sourceData) {
                 var pairs = Object.keys(dataStorage[folderName]);