* form: add style to form-actions in form-grid.

easysoft · Jan 3, 2024 · a5db02f · a5db02f
1 parent b6b3723
commit a5db02f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/lib/form/README.md b/lib/form/README.md
@@ -134,6 +134,10 @@
 Hello, world!
 </textarea>
   </div>
+  <div class="form-actions">
+    <button type="submit" class="btn primary">提交</button>
+    <button type="submit" class="btn">取消</button>
+  </div>
 </form>
 ```
 

diff --git a/lib/form/src/style/form-grid.css b/lib/form/src/style/form-grid.css
@@ -27,3 +27,7 @@
 .form-grid-col {
   @apply -px-[--form-grid-gap-x-half];
 }
+
+.form-grid .form-actions {
+  @apply -w-full -justify-center -gap-6 -px-[--form-grid-gap-x-half] -py-[--form-grid-gap-y];
+}