Ver código fonte

Fix word break

Tienson Qin 5 anos atrás
pai
commit
6de85e53ec

+ 1 - 1
web/public/index.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta content="minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no" name="viewport">
-    <link href="/static/css/tailwind.min.css" rel="stylesheet" type="text/css">
+    <!-- <link href="/static/css/tailwind.min.css" rel="stylesheet" type="text/css"> -->
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tailwindcss/ui@latest/dist/tailwind-ui.min.css">
     <link href="/static/css/org.css" rel="stylesheet">
     <link href="/static/css/style.css" rel="stylesheet" type="text/css">

+ 4 - 0
web/public/static/css/style.css

@@ -253,3 +253,7 @@ textarea {
     list-style: disc;
     margin-left: 1em;
 }
+
+#content p, #content div {
+    word-break: break-all;
+}

+ 9 - 1
web/src/frontend/components/journal.cljs

@@ -10,6 +10,14 @@
 (defonce content-atom (atom ""))
 (defonce edit?-atom (atom false))
 
+(defn today
+  []
+  (.toLocaleDateString (js/Date.) "default" (clj->js {:month "long"
+                                                      :year "numeric"
+                                                      :day "numeric"
+                                                      :weekday "long"})))
+
+
 (rum/defc editor-box <
   (mixins/event-mixin
    (fn [state]
@@ -32,7 +40,7 @@
   (let [content (rum/react content-atom)
         edit? (rum/react edit?-atom)]
     [:div#content
-     [:h1.text-gray-600 "April 4th, 2020"]
+     [:h1.text-gray-600 (today)]
      (if (or edit? (string/blank? content))
        (editor-box content-atom)
        [:div {:on-click (fn []