update to ver 3-09-25

frontend/src/main.js

@@ -35,7 +35,8 @@ import './styles/rfo/breadcrumbs.css';
 import './styles/rfo/landing.css';
 import './styles/rfo/interview.css';
 
-
+//spravochniki
+import './styles/spravochniki/spravochniki.css';
 
 import './scripts/calendar.js';
 import './scripts/menu-vertical.js';

frontend/src/styles/rfo/featured.css

@@ -22,11 +22,29 @@
     overflow: hidden;
 }
 
-.featured-image {
+.featured-image-dir-wrapper{
+
+    position: absolute;
+    top: 6px; /* Отступ сверху */
+    left: 6px; /* Отступ слева */
+    right: 6px; /* Отступ справа */
+    bottom: 33px; /* Оставляем место внизу для photo-credit-tag */
+
+}
+
+.featured-image,
+.featured-image-dir {
     border-radius: 14px;
 }    
 
-.featured-image img {
+.featured-image-dir {
+   display: flex;
+   justify-content: center; /* Центрирует по горизонтали */
+   align-items: center; /* Центрирует по вертикали */
+   height: 100%;
+}  
+
+.featured-image img{
     width: 100%;
     height: 100%;
     object-fit: cover; /* Заполняем область с сохранением пропорций */
@@ -36,6 +54,10 @@
     filter: brightness(0.85);
 }
 
+.featured-image-dir img{
+    display: block;
+}
+
 .post-overlay {
     position: absolute;
     bottom: 40px; /* Учитываем место для photo-credit-tag */
@@ -72,7 +94,14 @@
   mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 288 199" preserveAspectRatio="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.79424 0L279.205 0C284.042 0 287.999 3.94986 287.999 8.77791V34.6476V164.353V190.222C287.999 195.05 284.042 199 279.205 199H115.707C109.54 199 108.385 195.144 105.499 190.222L99.3918 179.805C97.3825 176.378 93.1269 173.509 89.5588 173.13H8.79422C3.95661 173.13 0 169.181 0 164.352V8.77756C0 3.94951 3.95663 0 8.79424 0Z" fill="black"/></svg>');
   mask-repeat: no-repeat;
   mask-size: 100% 100%;
+  margin-bottom: 22px;
 
     }  
 
+
+    .featured-image-dir img{
+       width: 200px;
+       height: auto;
+    }    
+
 }    

frontend/src/styles/rfo/rfo.css

@@ -183,6 +183,7 @@
   .header__inner_rfo{
     flex-direction: row;
     align-items: center;
+    max-width: 100%;
   }
 
   .menu-rfo {

frontend/src/styles/rfo/search-rfo.css

@@ -10,7 +10,7 @@
   }
   .search-container-rfo input {
     width: 100%;
-    height: 15px;
+    height: 40px;
     padding: 10px 0px 10px 15px; /* Правое поле больше для иконки */
     border: 1px solid #ddd;
    border-radius: 50px;