Limit content width

RailsEventStore · Mar 20, 2024 · 4425b2d · 4425b2d
1 parent 12eb642
commit 4425b2d
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/ruby_event_store-browser/elm/src/Layout.elm b/ruby_event_store-browser/elm/src/Layout.elm
@@ -118,12 +118,12 @@ update msg model =
 view : (Msg -> a) -> WrappedModel Model -> Html a -> Html a
 view layoutMsgBuilder model pageView =
     div
-        [ class "bg-gray-100 min-h-screen w-full text-gray-800 font-sans leading-relaxed antialiased" ]
+        [ class "bg-gray-100 flex flex-col min-h-screen w-full text-gray-800 font-sans leading-relaxed antialiased" ]
         [ header []
             [ Html.map layoutMsgBuilder (browserNavigation model)
             ]
         , main_
-            [ class "bg-white" ]
+            [ class "bg-white flex w-full grow" ]
             [ pageView
             , Html.map layoutMsgBuilder (searchModal model)
             ]

diff --git a/ruby_event_store-browser/elm/src/Page/ShowEvent.elm b/ruby_event_store-browser/elm/src/Page/ShowEvent.elm
@@ -194,7 +194,7 @@ view_ model selectedTime =
 
         Api.Loading ->
             div
-                [ class "min-h-[calc(100vh_-_7rem)] grid place-items-center"
+                [ class "grow grid place-items-center"
                 , attribute "role" "status"
                 ]
                 [ svg
@@ -237,7 +237,7 @@ view_ model selectedTime =
 showEvent : Url.Url -> Event -> Api.RemoteResource (List Api.Event) -> BrowserTime.TimeZone -> Html Msg
 showEvent baseUrl event maybeCausedEvents selectedTime =
     div
-        [ class "py-12 px-4 lg:px-8 space-y-10"
+        [ class "py-12  container mx-auto space-y-10"
         ]
         [ header
             [ class "flex items-start justify-between gap-4"

diff --git a/ruby_event_store-browser/elm/src/Page/ShowStream.elm b/ruby_event_store-browser/elm/src/Page/ShowStream.elm
@@ -105,7 +105,7 @@ view { streamName, events, relatedStreams, problems, flags, pagination, searchSt
         _ ->
             ( title
             , div [ class "py-8" ]
-                [ div [ class "px-8" ]
+                [ div [ ]
                     [ ul
                         [ class "flex items-center justify-center py-24"
                         ]
@@ -117,15 +117,15 @@ view { streamName, events, relatedStreams, problems, flags, pagination, searchSt
 
 browseEvents : Url.Url -> String -> String -> Api.PaginatedList Api.Event -> Maybe (List String) -> BrowserTime.TimeZone -> List Api.SearchStream -> Html Msg
 browseEvents baseUrl title streamName { links, events } relatedStreams timeZone searchStreams =
-    div [ class "py-8" ]
+    div [ class "py-8 container mx-auto" ]
         [ div
-            [ class "flex px-8 justify-between" ]
+            [ class "flex justify-between" ]
             [ h1
                 [ class "font-bold text-2xl" ]
                 [ text title ]
             , div [] [ displayPagination streamName baseUrl links ]
             ]
-        , div [ class "px-8" ] [ renderResults baseUrl events timeZone ]
+        , div [  ] [ renderResults baseUrl events timeZone ]
         , div [] [ renderRelatedStreams baseUrl relatedStreams ]
         , div [ class "bg-red-500" ] [ renderSearchStreams searchStreams ]
         ]
@@ -153,8 +153,7 @@ renderRelatedStreams baseUrl relatedStreams_ =
     case relatedStreams_ of
         Just relatedStreams ->
             div
-                [ class "px-8"
-                ]
+                []
                 [ h2
                     [ class "font-bold text-xl" ]
                     [ text "Related streams:" ]