Browse code

Add minor style changes to main panel

Joseph Weston authored on 30/11/2021 05:42:32
Showing 2 changed files
... ...
@@ -65,6 +65,13 @@
65 65
     :line-height :1.2rem
66 66
     :background-color    (colorscheme :light0-hard)}])
67 67
 
68
+(defclass screen []
69
+    {:display :flex
70
+     :justify-content :center})
71
+
72
+(defclass main-panel []
73
+    {:width :88ch})
74
+
68 75
 (defclass history-style []
69 76
   {:list-style-type :none
70 77
    :padding 0}
... ...
@@ -82,7 +89,8 @@
82 89
    :padding-left :0.4rem
83 90
    :position :relative
84 91
    :white-space :nowrap}
85
-  [:&:before {:content "'λ '"}]
92
+  [:&:before {:content "'λ '"
93
+              :font-weight :bold}]
86 94
   [:input
87 95
    {:background :none
88 96
     :border :none
... ...
@@ -28,4 +28,5 @@
28 28
     [:h1 "Welcome to " @name]))
29 29
 
30 30
 (defn main-panel []
31
-  [:div (title) (history) (prompt)])
32 31
\ No newline at end of file
32
+  [:div {:class (styles/screen)}
33
+   [:div {:class (styles/main-panel)} (title) (history) (prompt)]])