Fix media issue

Author: owjs3901

.changeset/silver-actors-lie.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/wasm": patch
+---
+
+Fix media issue

libs/sheet/src/lib.rs

@@ -197,11 +197,11 @@ impl StyleSheet {
                 css.push_str(
                     if let Some(break_point) = break_point {
                         format!(
-                            "\n@media (min-width:{}px) and ({}){{{}}}",
+                            "\n@media (min-width:{}px) and {}{{{}}}",
                             break_point, media, inner_css
                         )
                     } else {
-                        format!("\n@media ({}){{{}}}", media, inner_css.as_str())
+                        format!("\n@media {}{{{}}}", media, inner_css.as_str())
                     }
                     .as_str(),
                 );

libs/sheet/src/snapshots/sheet__tests__print_selector.snap

@@ -2,4 +2,4 @@
 source: libs/sheet/src/lib.rs
 expression: sheet.create_css()
 ---
-"\n@media (print){.test{margin-left:40px;margin-right:40px;}.test{margin-top:40px;margin-bottom:40px;}}\n@media (min-width:480px) and (print){.test{margin-left:40px;margin-right:40px;}.test{margin-top:40px;margin-bottom:40px;}}"
+"\n@media print{.test{margin-left:40px;margin-right:40px;}.test{margin-top:40px;margin-bottom:40px;}}\n@media (min-width:480px) and print{.test{margin-left:40px;margin-right:40px;}.test{margin-top:40px;margin-bottom:40px;}}"