starting to look nice

This commit is contained in:
Andrew Brown 2018-12-05 19:14:23 -06:00
parent 089792de2a
commit f87da5a6fc
4 changed files with 25 additions and 21 deletions

View File

@ -18,7 +18,7 @@
@media only screen and (max-width: 993px) {
body.has-fixed-sidenav {
padding-left: 0 !important;
padding-left: 0 !important;
}
}

View File

@ -10,6 +10,12 @@
font-size: 24px;
border-bottom: 1px solid rgba(0,0,0,0.2);
box-sizing: content-box;
i.material-icons.right {
position: relative;
top: 8px;
left: 26px;
}
}
.collapsible .collapsible-header {

View File

@ -1,6 +1,9 @@
<ul id="sidenav-left" class="sidenav sidenav-fixed">
<li class="blue">
<%= link_to root_path, class: 'logo-container white-text' do %>
<i class="material-icons white-text right">
dashboard
</i>
Notebook.ai
<% end %>
</li>
@ -75,19 +78,6 @@
Home
<% end %>
</li>
<li>
<%= link_to main_app.thredded_path, class: 'waves-effect' do %>
<i class="material-icons green-text">
forum
</i>
Discussions
<% if @unread_threads > 0 || @unread_private_messages > 0 %>
<span class="badge <%= 'blue white-text' if @unread_private_messages > 0 %>">
<%= @unread_threads %><%= "/#{@unread_private_messages}" if @unread_private_messages > 0 %>
</span>
<% end %>
<% end %>
</li>
</ul>
</div>
</li> -->
@ -156,6 +146,19 @@
</span>
<% end %>
</li>
<li>
<%= link_to main_app.thredded_path, class: 'waves-effect' do %>
<i class="material-icons blue-text">
forum
</i>
Discussions
<% if @unread_threads > 0 || @unread_private_messages > 0 %>
<span class="badge <%= 'blue white-text' if @unread_private_messages > 0 %>">
<%= @unread_threads %><%= "/#{@unread_private_messages}" if @unread_private_messages > 0 %>
</span>
<% end %>
<% end %>
</li>
<li>
<%= link_to main_app.prompts_path, class: 'waves-effect' do %>
<i class="material-icons left orange-text">lightbulb_outline</i>

View File

@ -8,15 +8,10 @@
<%= render 'layouts/navbar' %>
<% if user_signed_in? %>
<style>
header, main, footer {
padding-left: 310px;
main {
padding-top: 60px;
}
@media only screen and (max-width : 992px) {
header, main, footer {
padding-left: 0;
}
}
</style>
<% end %>