Permalink
Browse files

Update styles for Bootstrap 4

  • Loading branch information...
ck3g committed Feb 9, 2018
1 parent 0827418 commit 3702e8698218f378831367591d1dc16eb31096a5
Showing with 20 additions and 27 deletions.
  1. +0 −4 assets/css/app.css
  2. +10 −13 lib/prater_web/templates/layout/app.html.eex
  3. +10 −10 lib/prater_web/templates/room/index.html.eex
View
@@ -1,6 +1,2 @@
/* This file is for your main application css. */
body {
min-height: 2000px;
padding-top: 70px;
}
@@ -13,22 +13,19 @@
</head>
<body>
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Prater</a>
</div>
</div>
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom box-shadow">
<h5 class="my-0 mr-md-auto font-weight-normal">
<a href="/" class="navbar-brand text-dark"><strong>Prater</strong></a>
</h5>
</div>
<div class="container">
<p class="alert alert-info" role="alert"><%= get_flash(@conn, :info) %></p>
<p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p>
<%= unless is_nil(get_flash(@conn, :info)) do %>
<p class="alert alert-success" role="alert"><%= get_flash(@conn, :info) %></p>
<% end %>
<%= unless is_nil(get_flash(@conn, :error)) do %>
<p class="alert alert-danger" role="alert"><%= get_flash(@conn, :error) %></p>
<% end %>
<main role="main">
<%= render @view_module, @view_template, assigns %>
@@ -9,15 +9,15 @@
<% end %>
</ul>
</div>
<div class="col-md-9">
<div class="jumbotron">
<div class="page-header">
<h2>Welcome to Prater</h2>
</div>
<div class="page-header">
<h2><small>Choose the room on the left to join</small></h2>
<h2><small>or <a href="" class="btn btn-success">Create</a> a new one</small></h2>
</div>
</div>
<div class="col">
<section class="jumbotron text-center">
<h1 class="jumbotron-heading mb-5">Welcome to Prater</h1>
<p class="lead text-muted">
Choose the room on the left to join
</p>
<p class="lead text-muted">
or <a href="" class="btn btn-success">Create</a> a new one
</p>
</section>
</div>
</div>

0 comments on commit 3702e86

Please sign in to comment.