Browse Source

let `ui.card.tight()` preserve flex layout

Falko Schindler 1 năm trước cách đây
mục cha
commit
c8072296bb
2 tập tin đã thay đổi với 5 bổ sung3 xóa
  1. 1 3
      nicegui/elements/card.py
  2. 4 0
      nicegui/static/nicegui.css

+ 1 - 3
nicegui/elements/card.py

@@ -22,9 +22,7 @@ class Card(Element):
 
     def tight(self) -> Self:
         """Remove padding and gaps between nested elements."""
-        self._classes.clear()
-        self._style.clear()
-        return self
+        return self.classes('nicegui-card-tight')
 
 
 class CardSection(Element):

+ 4 - 0
nicegui/static/nicegui.css

@@ -42,6 +42,10 @@
 .nicegui-column {
   padding: 0;
 }
+.nicegui-card-tight {
+  padding: 0;
+  gap: 0;
+}
 
 /* original padding for some Quasar elements */
 .nicegui-step .q-stepper__nav {