Додан пошук територій за назвою вулиці

web/lib/pages/territory/list/style.css

@@ -57,6 +57,7 @@
     border-radius: var(--border-radius);
     overflow: auto;
     display: flex;
+    flex-wrap: wrap;
 }
 
 .page-territory>.list-controls select {
@@ -73,6 +74,58 @@
     border-radius: calc(var(--border-radius) - 5px - 2px);
 }
 
+.page-territory>.list-controls>button {
+    display: flex;
+    position: relative;
+    background: var(--ColorThemes3);
+    font-size: 18px;
+    cursor: pointer;
+    min-width: 30px;
+    height: 30px;
+    padding: 0;
+    margin-left: calc(100% - 220px);
+    align-items: center;
+    justify-content: center;
+    border-radius: calc(var(--border-radius) - 5px - 2px);
+    border: 1px solid var(--ColorThemes0);
+}
+
+.page-territory>.list-controls>button>svg {
+    width: 25px;
+    height: 25px;
+    fill: var(--ColorThemes0);
+}
+
+#page-territory-search {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    cursor: pointer;
+    position: relative;
+    z-index: 5;
+    max-height: 0;
+    overflow: hidden;
+    opacity: 0;
+    transition: max-height 0.3s ease, opacity 0.3s ease, margin 0.3s ease, padding 0.3s ease;
+}
+
+#page-territory-search[data-state="open"] {
+    max-height: 60px;
+    padding: 15px 0 0 0;
+    opacity: 1;
+}
+
+#page-territory-search input {
+    width: 100%;
+    padding: 0 5px;
+    border-radius: calc(var(--border-radius) - 5px - 4px);
+    height: 30px;
+    background: var(--ColorThemes3);
+    color: var(--ColorThemes0);
+    font-size: var(--FontSize2);
+}
+
 
 #page-territory-sort {
     display: flex;