CipherLabs
/
blockscout
mirror of https://github.com/blockscout/blockscout
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add flexbox layout to position the footer

Browse Source
pull/326/head
Ryan Arthur 7 years ago committed by katibest
parent 1a559b03a5
commit 49afda0b29
2 changed files with 9 additions and 3 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 8
      apps/explorer_web/assets/css/_layout.scss
  2. 2
      apps/explorer_web/lib/explorer_web/templates/layout/app.html.eex

8
apps/explorer_web/assets/css/_layout.scss
Unescape View File

@ -1,3 +1,9 @@
.layout-container {
display: flex;
flex-direction: column;
min-height: 100vh;
main { main {
min-height: calc(100vh - 9.9rem); flex-grow: 1;
}
} }

2
apps/explorer_web/lib/explorer_web/templates/layout/app.html.eex
Unescape View File

@ -9,7 +9,7 @@
</head> </head>
<body> <body>
<div> <div class="layout-container">
<%= render ExplorerWeb.LayoutView, "_topnav.html", assigns %> <%= render ExplorerWeb.LayoutView, "_topnav.html", assigns %>
<main class="mt-3"> <main class="mt-3">
<p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p> <p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p>

Write Preview
Loading…
Cancel
Save