Make modal box responsive top.

vaijira · Dec 21, 2024 · ff6765a · ff6765a
1 parent 9e7b322
commit ff6765a
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/css.rs b/src/css.rs
@@ -11,7 +11,7 @@ pub static MODAL_STYLE: LazyLock<String> = LazyLock::new(|| {
     class! {
         .style("position", "fixed")
         .style("left", "0")
-        .style("top", "35%")
+        .style("top", "0")
         .style("width", "100%")
         .style("height", "100%")
         .style("z-index", "1")
@@ -21,6 +21,8 @@ pub static MODAL_STYLE: LazyLock<String> = LazyLock::new(|| {
 
 pub static MODAL_CONTENT_STYLE: LazyLock<String> = LazyLock::new(|| {
     class! {
+        .style("position", "relative")
+        .style("top", "35%")
         .style("padding", "15px")
         .style("background", "#eee")
         .style("border-radius", "5px")