diff options
| -rw-r--r-- | app/javascript/stylesheets/core.css | 8 | ||||
| -rw-r--r-- | app/views/layouts/application.html.erb | 24 |
2 files changed, 17 insertions, 15 deletions
diff --git a/app/javascript/stylesheets/core.css b/app/javascript/stylesheets/core.css index 4342171..9bfb19b 100644 --- a/app/javascript/stylesheets/core.css +++ b/app/javascript/stylesheets/core.css @@ -11,17 +11,9 @@ } .game-container-box { - min-height: 35rem; @apply p-2 border-2 border-gray-800 rounded; } -.side-box { - height: 35rem; - position: -webkit-sticky; - position: sticky; - top: 8px; -} - .header-title { font-family: "Montaga", "Open Sans", sans-serif; } diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index f8381ce..485aa21 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -20,17 +20,27 @@ <% if user_signed_in? %> <%= render "navbar" %> <% end %> - <div class="game-container-box col-span-12 sm:col-span-8"> - <%= render "flash_messages" %> - <%= yield %> + <div class="flex flex-col col-span-12 sm:col-span-8"> + <div class="game-container-box mb-2" style="height: 10rem;"> + Results go here. + </div> + <div class="game-container-box" style="height: 25rem;"> + <%= render "flash_messages" %> + <%= yield %> + </div> </div> <% if user_signed_in? %> - <div id="chat" class="game-container-box side-box col-span-12 sm:col-span-4" - data-turbolinks-permanent> - <%= render "chat" %> + <div class="flex flex-col col-span-12 sm:col-span-4"> + <div class="game-container-box mb-2" style="height: 15rem;"> + Timer goes here. + </div> + <div id="chat" class="game-container-box col-span-12 sm:col-span-4" style="height: 20rem;" + data-turbolinks-permanent> + <%= render "chat" %> + </div> </div> <% else %> - <div id="game_info" class="game-container-box side-box col-span-12 sm:col-span-4" + <div id="game_info" class="game-container-box col-span-12 sm:col-span-4" data-turbolinks-permanent> <%= render "game_info" %> </div> |