style: 优化小屏幕筛选框的显示

packages/app/src/components/filter-fields/index.css

@@ -17,6 +17,10 @@
   width: 100%;
 }
 
+.ant-space-item:has(.ld-filter-field) {
+  container: field / inline-size;
+}
+
 .ld-filter-field-wrapper {
   flex: 1;
   width: 0;
@@ -30,7 +34,7 @@
   }
 }
 
-@media screen and (width <= 1300px) {
+@container field (width < 240px) {
   .ld-filter-field {
     flex-direction: column;
     align-items: flex-start;