-
Notifications
You must be signed in to change notification settings - Fork 1
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add top-navbar with useful links. #9
Conversation
frontend/src/components/App.vue
Outdated
<li class="nav-item"><a class="nav-link" href="http://slack.outrigger.sh/">Join us on Slack</a></li> | ||
<li class="nav-item dropdown"> | ||
<a class="nav-link dropdown-toggle" href="#" id="supportDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
File an Issue |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A++++ would file an issue again.
Now that I got #8 working, I found this breaks the dashboard, tables below the top DNS Records are all inline and squished. |
@@ -1,5 +1,5 @@ | |||
<template> | |||
<div class="col project table-responsive"> | |||
<div class="project table-responsive"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
So did this clear up the "squishing" issue?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This part fixed each project's table being on the same horizontal row. Looks good on chrome at least.. I guess I should check others.
</nav> | ||
|
||
<header class="jumbotron"> | ||
<h1 class="display-3 mt-5">Outrigger Dashboard</h1> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
mt-5
stands for margin top 5
, where 5 is multiplied by some kind of predefined spacer and unit of measurement. display-3 addresses some sizing issues after I pulled out the extra markup.
Fixes phase2/rig#126
I'm not sure I like the way the header looks, but the navbar seems nice. Incidentally adds more JS and upgrades to Bootstrap 4.