From 66ba2235bcf3b6699ec61394d6dfd2d9f146bfb9 Mon Sep 17 00:00:00 2001
From: owjs3901 <owjs3901@naver.com>
Date: Fri, 7 Feb 2025 10:31:17 +0900
Subject: [PATCH] Fix media issue

---
 .changeset/silver-actors-lie.md                            | 5 +++++
 libs/sheet/src/lib.rs                                      | 4 ++--
 libs/sheet/src/snapshots/sheet__tests__print_selector.snap | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/silver-actors-lie.md

diff --git a/.changeset/silver-actors-lie.md b/.changeset/silver-actors-lie.md
new file mode 100644
index 00000000..ba96b6b6
--- /dev/null
+++ b/.changeset/silver-actors-lie.md
@@ -0,0 +1,5 @@
+---
+"@devup-ui/wasm": patch
+---
+
+Fix media issue
diff --git a/libs/sheet/src/lib.rs b/libs/sheet/src/lib.rs
index 1e8ed6cf..8f401c76 100644
--- a/libs/sheet/src/lib.rs
+++ b/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(),
                 );
diff --git a/libs/sheet/src/snapshots/sheet__tests__print_selector.snap b/libs/sheet/src/snapshots/sheet__tests__print_selector.snap
index 552bcda6..cfca521e 100644
--- a/libs/sheet/src/snapshots/sheet__tests__print_selector.snap
+++ b/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;}}"