Правка в размере картинок, кол-во пар в сетах

src/public/css/styles-main.css

@@ -10,7 +10,7 @@
 
 .b-list {
     padding: 4px;
-    width: 120px;
+    width: 135px;
     height: calc(100vh - 40px);
     background-color: #F8F9FA;
 }
@@ -25,31 +25,40 @@
 .b-list_folders-item
     {
     position: relative;
+    margin-bottom: 2px;
+    background-color: #E6E7E8;
     cursor: pointer;
     }
     
     .b-list_folders-item b
         {
         position: absolute;
+        right: 0;
+        width: 16px;
         font-size: 12px;
         line-height: 22px;
-        right: 0;
+        color: #fff;
+        background-color: #009444;
+        text-align: center;
         }
     
     .b-list_folders-item.active
         {
         font-weight: bold;
-        opacity: 1 !important;
+        color: #333 !important;
+        /*opacity: 1 !important;*/
         }
         
     /*.b-list_folders.new .b-list_folders-item.viewed*/
     .b-list_folders-item.viewed 
         {
-        opacity: 0.45;
+        color: #9FA0A0;
+        /*opacity: 0.45;*/
         }
 
 .b-preview
     {
+    padding: 0px;
     height: calc(100vh - 40px);
     overflow:auto;
     }
@@ -99,12 +108,9 @@
 
     .b-foto_inner {
         position: relative;
-        height: 300px;
         border: 1px solid #8D9094;
         border-radius: 4px;
-        background-position: center;
-        background-repeat: no-repeat;
-        background-size: contain;
+        overflow: hidden;
         cursor: pointer;
     }
         .b-foto_inner.selected {
@@ -116,7 +122,9 @@
             opacity: 0.5;
         }
         
-        
+        .b-foto_img {
+            width: 100%;
+        }
         
         .b-foto_number {
             display: none;

src/public/fotos.dat

-{"B-KazwCAcxM":{"1":["a1654273551-3.jpg","a1654273551-2.jpg"],"2":["a1654273551-5.jpg","a1654273551-1.jpg"]},"B24WGzEo8v_":"","B9RwSi4oPAh":{"1":["a1654273593-5.jpg","a1654273593-6.jpg"],"2":["a1654273593-2.jpg","a1654273593-1.jpg"],"3":["a1654273593-4.jpg","a1654273593-3.jpg"]},"CSY8k3jD-6d":{"1":["a1654273618-5.jpg","a1654273618-6.jpg"],"2":["a1654273618-2.jpg","a1654273618-7.jpg"],"3":["a1654273618-4.jpg","a1654273618-1.jpg"],"4":["a1654273618-8.jpg","a1654273618-3.jpg"]}}
\ No newline at end of file
+{"B-KazwCAcxM":{"1":["a1654273551-3.jpg","a1654273551-2.jpg"],"2":["a1654273551-5.jpg","a1654273551-1.jpg"]},"B24WGzEo8v_":"","B9RwSi4oPAh":{"1":["a1654273593-5.jpg","a1654273593-6.jpg"],"2":["a1654273593-2.jpg","a1654273593-1.jpg"],"3":["a1654273593-4.jp
\ No newline at end of file

src/public/js/script-main.js

@@ -72,7 +72,8 @@ $(document).ready(function(){
                 '   <div class="not-sorted col row">' +
                 '   <% _.each(files, function(item, ind) { %>   \n' +
                 '       <div class="b-foto col-<%= cols %> order-<%= ind+1 %>" data-id="<%= item %>" data-ind="<%= ind+1 %>">' +
-                '           <div class="b-foto_inner" style="background-image: url(<%= folder %>/<%= item %>)" data-foto="<%= item %>" data-num="">' +
+                '           <div class="b-foto_inner" data-foto="<%= item %>" data-num="">' +
+                '               <img class="b-foto_img" src="<%= folder %>/<%= item %>" >' +
                 '               <div class="b-foto_number"></div>' +
                 '           </div>' +
                 '       </div>' +
@@ -197,7 +198,7 @@ $(document).ready(function(){
                 7: {0:[0,12,0,3], 2:[3,9,12,4], 4: [6,6,6,6], 6: [9,3,4,12]},
                 8: {0:[0,12,0,3], 2:[3,9,12,4], 4: [6,6,6,6], 6: [9,3,4,12], 8: [12,0,3,0]},
                 9: {0:[0,12,0,2], 2:[3,9,12,3], 4: [5,7,6,4], 6: [6,6,4,5], 8: [9,3,3,12]},
-                10: {0:[0,12,0,2], 2:[2,10,12,3], 4: [4,8,6,4], 6: [6,6,4,5], 8: [10,2,3,12]},
+                10: {0:[0,12,0,2], 2:[2,10,12,3], 4: [4,8,6,4], 6: [6,6,4,5], 8: [10,2,3,12], 10: [12,0,2,0]},
             }