feat: add clip-path on fancy-ui

ivanceras · Apr 18, 2024 · 3c59a27 · 3c59a27
1 parent 01d5266
commit 3c59a27
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/examples/fancy-ui/src/frame.rs b/examples/fancy-ui/src/frame.rs
@@ -329,6 +329,13 @@ where
             ".hidden" : {
                 visibility: "hidden",
             },
+
+            "button": {
+                white_space: "nowrap",
+                clip_path: "polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%)",
+                width: px(400),
+                height: px(40),
+            },
         };
 
         vec![main, Self::border_style(), Self::corner_style()]

diff --git a/examples/fancy-ui/src/lib.rs b/examples/fancy-ui/src/lib.rs
@@ -66,7 +66,8 @@ impl Application for App {
                 font_size: px(40),
                 padding: px(30),
                 margin: px(30),
-            }
+            },
+
         }];
 
         main