Шаблон:Recipe: различия между версиями

ВизуальныйВики-текст

@@ Строка 31: / Строка 31: @@
      </div>
-     <!-- ОСНОВНАЯ ЧАСТЬ: три колонки -->
+     <!-- ДВЕ КОЛОНКИ -->
      <div style="
          display:flex;
          align-items:flex-start;
-        justify-content:space-between;
          gap:12px;
          padding:12px;
@@ Строка 41: / Строка 40: @@
      ">
-         <!-- ИНГРЕДИЕНТЫ (сетка внутри) -->
+         <!-- ЛЕВАЯ КОЛОНКА: ИНГРЕДИЕНТЫ (сетка 2 колонки) -->
          <div style="
              display:grid;
-             grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
+             grid-template-columns: repeat(2, minmax(0, 1fr)); /* ровно 2 колонки */
              gap:8px;
              flex:1;
@@ Строка 55: / Строка 54: @@
                  flex-direction:column;
                  align-items:center;
-                 width:70px;
+                 width:100%;
              ">
                  <div style="
@@ Строка 81: / Строка 80: @@
                  flex-direction:column;
                  align-items:center;
-                 width:70px;
+                 width:100%;
              ">
                  <div style="
@@ Строка 107: / Строка 106: @@
                  flex-direction:column;
                  align-items:center;
-                 width:70px;
+                 width:100%;
              ">
                  <div style="
@@ Строка 133: / Строка 132: @@
                  flex-direction:column;
                  align-items:center;
-                 width:70px;
+                 width:100%;
              ">
                  <div style="
@@ Строка 159: / Строка 158: @@
                  flex-direction:column;
                  align-items:center;
-                 width:70px;
+                 width:100%;
              ">
                  <div style="
@@ Строка 180: / Строка 179: @@
          </div>
-         <!-- СПОСОБ ПРИГОТОВЛЕНИЯ (фиксированная колонка) -->
+         <!-- ПРАВАЯ КОЛОНКА: МЕТОД + РЕЗУЛЬТАТ (вертикально) -->
          <div style="
              display:flex;
              flex-direction:column;
              align-items:center;
-             justify-content:center;
+             justify-content:flex-start;
              flex-shrink:0;
              min-width:80px;
              border-left:1px solid #FFFFFF;
              padding-left:15px;
+            gap:12px;
          ">
+            <!-- СПОСОБ ПРИГОТОВЛЕНИЯ -->
              <div style="
-                width:60px;
-                height:60px;
                  display:flex;
+                flex-direction:column;
                  align-items:center;
-                 justify-content:center;
+            ">
-                overflow:hidden;
+                 <div style="
-            ">{{#switch:{{{method_name|}}}
+                    width:60px;
-                |Микроволновка=[[File:Microwave.gif|60px]]
+                    height:60px;
-                |Смешивание=[[File:Beaker.png|60px]]
+                    display:flex;
-                |Нож=[[File:Knife.png|60px]]
+                    align-items:center;
-                |Скалка=[[File:RollingPin.png|60px]]
+                    justify-content:center;
-                |#default=[[File:Microwave.gif|60px]]
+                    overflow:hidden;
-            }}</div>
+                ">{{#switch:{{{method_name|}}}
-            <div style="
+                    |Микроволновка=[[File:Microwave.gif|60px]]
-                font-size:13px;
+                    |Смешивание=[[File:Beaker.png|60px]]
-                font-weight:bold;
+                    |Нож=[[File:Knife.png|60px]]
-                line-height:17px;
+                    |Скалка=[[File:RollingPin.png|60px]]
-                text-align:center;
+                    |#default=[[File:Microwave.gif|60px]]
-                color:#FFFFFF;
+                }}</div>
-                margin-top:4px;
+                <div style="
-            ">{{{method_name|Приготовление}}}{{#if:{{{method_time|}}}|<br>{{{method_time}}}|}}</div>
+                    font-size:13px;
-        </div>
+                    font-weight:bold;
+                    line-height:17px;
+                    text-align:center;
+                    color:#FFFFFF;
+                    margin-top:4px;
+                ">{{{method_name|Приготовление}}}{{#if:{{{method_time|}}}|<br>{{{method_time}}}|}}</div>
+            </div>
-        <!-- РЕЗУЛЬТАТ (фиксированная колонка) -->
+            <!-- РЕЗУЛЬТАТ -->
-        <div style="
-            display:flex;
-            flex-direction:column;
-            align-items:center;
-            justify-content:center;
-            flex-shrink:0;
-            border-left:1px solid #FFFFFF;
-            padding-left:15px;
-        ">
              <div style="
-                width:58px;
-                height:58px;
                  display:flex;
+                flex-direction:column;
                  align-items:center;
-                 justify-content:center;
+            ">
-                overflow:hidden;
+                 <div style="
-            ">[[File:{{{result_img}}}|46px]]</div>
+                    width:58px;
-            <div style="
+                    height:58px;
-                font-size:12px;
+                    display:flex;
-                color:#FFFFFF;
+                    align-items:center;
-                text-align:center;
+                    justify-content:center;
-                margin-top:5px;
+                    overflow:hidden;
-                line-height:16px;
+                ">[[File:{{{result_img}}}|46px]]</div>
-            ">{{{result_name|Результат}}}</div>
+                <div style="
+                    font-size:12px;
+                    color:#FFFFFF;
+                    text-align:center;
+                    margin-top:5px;
+                    line-height:16px;
+                ">{{{result_name|Результат}}}</div>
+            </div>
          </div>

Версия от 02:38, 14 августа 2026