added mobile version

2026-06-04 01:05:24 +03:00
parent 3ff0fa142e
commit 69daf661a4
3 changed files with 71 additions and 0 deletions
--- a/src/styles/layout.css
+++ b/src/styles/layout.css
@@ -45,3 +45,36 @@
 .f-feed::-webkit-scrollbar { width: 4px; }
 .f-feed::-webkit-scrollbar-track { background: transparent; }
 .f-feed::-webkit-scrollbar-thumb { background: rgba(255,255,255,.1); border-radius: 2px; }
+
+@media (max-width: 768px) {
+  /* Лента занимает весь экран без отступов */
+  .f-feed {
+    padding: 10px;
+    gap: 10px;
+  }
+
+  /* Топбар компактнее */
+  .f-topbar {
+    padding: 10px 12px;
+  }
+
+  /* Кнопка создания объявления — меньше */
+  .f-post-btn {
+    padding: 10px 16px;
+    font-size: 0.85rem;
+  }
+}
+
+@media (max-width: 600px) {
+  .f-post-btn {
+    padding: 8px 14px;
+    font-size: 0.8rem;
+    gap: 6px;
+  }
+
+  .f-post-btn span {
+    width: 18px;
+    height: 18px;
+    font-size: 1rem;
+  }
+}