Merge remote-tracking branch 'origin/master'

ui/src/pages/statementofaccount.vue

@@ -1,7 +1,11 @@
 <template>
   <q-page v-if="canReadFinance" class="q-px-md q-pb-md page-col statement-page">
 
-    <div class="local-filter-bar compact-filter q-pa-sm q-mb-xs">
+    <q-slide-transition>
+    <div
+      v-show="!filtersCollapsed"
+      class="local-filter-bar compact-filter q-pa-sm q-mb-xs"
+    >
       <div class="row q-col-gutter-sm items-end">
         <div class="col-12 col-md-4">
           <q-select
@@ -88,6 +92,7 @@
         </div>
       </div>
     </div>
+    </q-slide-transition>
 
     <!-- Tablo Alanı -->
     <div class="table-scroll">
@@ -106,6 +111,13 @@
 
         <!-- Sağ taraftaki buton grubu -->
         <div class="row items-center q-gutter-sm">
+          <q-btn
+            flat
+            color="primary"
+            :icon="filtersCollapsed ? 'unfold_more' : 'unfold_less'"
+            :label="filtersCollapsed ? 'Filtreleri Genişlet' : 'Filtreleri Daralt'"
+            @click="toggleFiltersCollapsed"
+          />
 
           <!-- Tüm detayları aç/kapat -->
           <q-btn
@@ -350,6 +362,7 @@ const selectedMonType = ref(monetaryTypeOptions[0].value)
 /* Expand kontrolü */
 const expandedRows = ref({})
 const allDetailsOpen = ref(false)
+const filtersCollapsed = ref(false)
 
 /* Kolonları dinamik üretelim */
 function buildColumns(data) {
@@ -424,6 +437,9 @@ function toggleAllDetails() {
     expandedRows.value = {}
   }
 }
+function toggleFiltersCollapsed () {
+  filtersCollapsed.value = !filtersCollapsed.value
+}
 function normalizeText (str) {
   return (str || '')
     .toString()
@@ -675,5 +691,28 @@ async function CurrheadDownload() {
     max-width: 180px;
   }
 }
+
+@media (max-width: 1024px) and (orientation: landscape) {
+  .statement-page {
+    height: calc(100vh - 56px);
+    padding-top: 56px !important;
+  }
+
+  .statement-page .local-filter-bar {
+    max-height: 42vh;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+
+  .sticky-bar {
+    padding: 4px 6px !important;
+  }
+
+  .sticky-bar :deep(.q-btn) {
+    min-height: 30px;
+    font-size: 12px;
+    padding: 4px 8px;
+  }
+}
 </style>