Fork me on GitHub
#re-frame
<
2021-12-12
>
roelof19:12:56

Wonder one thing How can I set a border of 1px around the last column

roelof19:12:02

(defn main-panel []
  (let [text (re-frame/subscribe [::subs/read-value])]
  [:section.hero.is-fullheight
  [:div.hero-body.has-text-centered
    [:div.container
     [:div.box
     [:div.columns.is-flex.is-flex-direction-row
       [:div.column.is-two-fifths
         [:textarea.textarea {:rows 8, :on-change #(re-frame/dispatch [::events/update-text (-> % .-target .-value)])}]]
       [:div.column.is-one-fifths.is-flex.is-flex-direction-column
          [:button.button.is-primary.is-medium.flex-grow-1 {:on-click #(re-frame/dispatch[::events/read-text])} "Normal Text >>"]
          [:button.button.is-primary.is-medium.flex-grow-1.mt-3 {:on-click #(re-frame/dispatch[::events/uppercase-text])} "Uppercase Text >>"]
          [:button.button.is-primary.is-medium.flex-grow-1.mt-3 {:on-click #(re-frame/dispatch[::events/lowercase-text])} "Lowercase Text >>"]
          [:button.button.is-primary.is-medium.flex-grow-1.mt-3 {:on-click #(re-frame/dispatch[::events/reversed-text])} "reverse Text >>"]]
       [:div.column.is-two-fifths
          [:p @text]]]]]]]))

roelof19:12:08

I use bulma

p-himik19:12:45

Once again, this is a #reagent question, not a #re-frame one. You can either use in-line styles (read about Hiccup to figure out how) or use a predefined or your own CSS class there.