minor ui tweaks

This commit is contained in:
joshua-arts 2018-05-28 19:12:24 -04:00
parent 79d63e7b70
commit af3c45b019
2 changed files with 43 additions and 2 deletions

View File

@ -1,14 +1,50 @@
<div class="container">
<% if current_user %>
<h1 id="user-text" class="display-3 text-center text-primary"><%= "Welcome, #{current_user.firstname}." %></h1>
<h1 id="user-text" class="display-3 text-center text-primary mt-9"><%= "Welcome, #{current_user.firstname}." %></h1>
<%= render "shared/modals/create_room_modal" %>
<% else %>
<h1 id="main-text" class="display-3 text-center text-primary">Teach Students Online.</h1>
<h1 id="main-text" class="display-3 text-center text-primary mt-9">Teach Students Online.</h1>
<%= render "shared/modals/video_modal" %>
<% end %>
<hr class="small-rule">
<div class="row">
<% 3.times do %>
<div class="col-4">
<div class="card">
<div class="card-body p-1">
<table class="table table-hover table-outline table-vcenter text-nowrap card-table">
<tbody>
<td>
<span class="colorinput-color bg-azure"></span>
</td>
<td>
<div>Example Room</div>
<div class="small text-muted">
<i>Created on June 17th, 2017</i>
</div>
</td>
<td class="text-right">
<div class="item-action dropdown">
<a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
<div class="dropdown-menu dropdown-menu-right">
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
<div class="dropdown-divider"></div>
<a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
</div>
</div>
</td>
</tbody>
</table>
</div>
</div>
</div>
<% end %>
</div>
<!-- <%= render "shared/start_meeting" %> -->
<br>

View File

@ -16,6 +16,11 @@
</span>
<input type="email" class="form-control" placeholder="Enter a room name...">
</div>
<label class="custom-switch mt-5 mb-5 float-left">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input">
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description">Automatically join me into the room when created.</span>
</label>
</div>
<div class="form-footer">
<button type="submit" class="btn btn-outline-primary btn-block btn-pill">Create Room</button>