fix custom modal style; tag 0.0.14

Respo · Jun 27, 2022 · 4a76f85 · 4a76f85
1 parent f103cf1
commit 4a76f85
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/demo_respo/src/plugins.rs b/demo_respo/src/plugins.rs
@@ -1,6 +1,6 @@
 use std::fmt::Debug;
 
-use respo::{space, ui::ui_row_parted};
+use respo::{space, ui::ui_row_parted, RespoStyle};
 use serde::{Deserialize, Serialize};
 
 use respo::{button, div, span, ui::ui_button, util, DispatchFn, RespoNode, StatesTree};
@@ -73,6 +73,7 @@ pub fn comp_plugins_demo(states: &StatesTree) -> Result<RespoNode<ActionOp>, Str
   let prompt_plugin = PromptPlugin::new(
     states.pick("prompt"),
     PromptOptions {
+      text: Some(String::from("Demo text(length 3~8)")),
       validator: Some(PromptValidator::new(|text| {
         if text.len() <= 1 {
           Err("too short".to_owned())
@@ -111,13 +112,15 @@ pub fn comp_plugins_demo(states: &StatesTree) -> Result<RespoNode<ActionOp>, Str
   let modal_plugin = ModalPlugin::new(
     states.pick("modal"),
     ModalOptions {
+      title: Some(String::from("Modal demo")),
       render: ModalRenderer::new(|close_modal: _| {
         let handler = move |_e: _, dispatch: DispatchFn<ActionOp>| {
           respo::util::log!("on modal handle");
           close_modal(dispatch)
         };
         Ok(
           div()
+            .style(RespoStyle::default().padding(8.0).to_owned())
             .children([
               div().children([span().inner_text("content in custom modal").to_owned()]).to_owned(),
               div()

diff --git a/respo/Cargo.toml b/respo/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "respo"
-version = "0.0.13"
+version = "0.0.14"
 edition = "2021"
 description = "a tiny virtual DOM library migrated from ClojureScript"
 license = "Apache-2.0"

diff --git a/respo/src/dialog/modal.rs b/respo/src/dialog/modal.rs
@@ -100,7 +100,7 @@ where
             })
             .children([div()
               .class_list(&[ui_column(), ui_global(), css_card()])
-              .style(RespoStyle::default().line_height(CssLineHeight::Px(32.0)).to_owned())
+              .style(RespoStyle::default().padding(0.0).line_height(CssLineHeight::Px(32.0)).to_owned())
               .style(options.card_style)
               .on_click(move |e, _dispatch| -> Result<(), String> {
                 // nothing to do