Make sure flex is only set on the minimal pages

This commit is contained in:
Eric Schultz 2018-07-24 14:17:49 -05:00 committed by Eric Schultz
parent d18d4de307
commit 1561198873
3 changed files with 4 additions and 3 deletions

View file

@ -38,7 +38,7 @@
flex: 1;
}
body {
body.minimal {
display: flex;
min-height: 100vh;
flex-direction: column;

View file

@ -23,7 +23,7 @@
body {padding-left: 0}
</style>
</head>
<body>
<body class="<%= @theme == 'minimal' ? 'minimal' : nil %>">
<%= render 'layouts/apified_header' %>
<%= IncludeAsset.js '/app/loading_indicator.js' %>
<%= IncludeAsset.js '/app/react.js' %>

View file

@ -3,6 +3,7 @@
<html lang="<%= I18n.locale %>">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><%= "#{yield(:title)} - #{Settings.general.name}" %></title>
<%= render 'layouts/stylesheets' %>
<%= IncludeAsset.css '/client/css/global/page.css' %>
@ -12,7 +13,7 @@
</style>
<%= favicon_link_tag %>
</head>
<body>
<body class="<%= @theme == 'minimal' ? 'minimal' : nil %>">
<%= render 'layouts/apified_header' %>
<div class="site-content">
<%= yield %>