Fixed the site to be more mobile friendly - at least the home page and navbar

This commit is contained in:
laf
2014-06-15 01:36:49 +01:00
parent 90e2305bcd
commit b55ed32aa8
5 changed files with 21 additions and 13 deletions

View File

@@ -1,7 +1,7 @@
<?php <?php
include_once("includes/object-cache.inc.php"); include_once("includes/object-cache.inc.php");
?> ?>
<div class="panel panel-default panel-condensed"> <div class="panel panel-default panel-condensed table-responsive">
<table class="table table-hover table-condensed table-striped"> <table class="table table-hover table-condensed table-striped">
<thead> <thead>
<tr class="info"> <tr class="info">

View File

@@ -1,7 +1,7 @@
<?php <?php
include_once("includes/object-cache.inc.php"); include_once("includes/object-cache.inc.php");
?> ?>
<div class="panel panel-default panel-condensed"> <div class="panel panel-default panel-condensed table-responsive">
<table class="table table-hover table-condensed table-striped"> <table class="table table-hover table-condensed table-striped">
<thead> <thead>
<tr class="info"> <tr class="info">

View File

@@ -12,9 +12,15 @@ if (isset($config['enable_bgp']) && $config['enable_bgp'])
?> ?>
<nav class="navbar-wrapper navbar navbar-default navbar-fixed-top" role="navigation"> <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div id="container"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navHeaderCollapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<?php <?php
if ($config['title_image']) if ($config['title_image'])
@@ -29,7 +35,7 @@ if (isset($config['enable_bgp']) && $config['enable_bgp'])
?> ?>
</div> </div>
<div class="collapse navbar-collapse"> <div class="collapse navbar-collapse" id="navHeaderCollapse">
<ul class="nav navbar-nav"> <ul class="nav navbar-nav">
<li class="dropdown"> <li class="dropdown">
<a href="<?php echo(generate_url(array('page'=>'overview'))); ?>" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><img src="images/16/lightbulb.png" border="0" align="absmiddle" /> Overview<b class="caret"></b></a> <a href="<?php echo(generate_url(array('page'=>'overview'))); ?>" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><img src="images/16/lightbulb.png" border="0" align="absmiddle" /> Overview<b class="caret"></b></a>
@@ -542,7 +548,6 @@ if ($_SESSION['authenticated'])
</div> </div>
</div> </div>
</div>
</nav> </nav>
<script> <script>
$('#gsearch').typeahead([ $('#gsearch').typeahead([

View File

@@ -211,7 +211,6 @@ if ($_SESSION['authenticated'])
?> ?>
</div> </div>
</div> </div>
</div>
<?php <?php
$runtime_end = utime(); $runtime = $runtime_end - $runtime_start; $runtime_end = utime(); $runtime = $runtime_end - $runtime_start;

View File

@@ -11,7 +11,9 @@ echo("<div class=\"front-box $frontbox_class\">
echo(' echo('
<div class="row"> <div class="row">
<div class="col-md-9"> <div class="col-md-8">
<div class="row">
<div class="col-md-12">
'); ');
echo('<div class=front-page>'); echo('<div class=front-page>');
@@ -121,7 +123,9 @@ echo('</div>');
echo('</div>'); echo('</div>');
echo('</div>'); echo('</div>');
echo(' echo('
<div class="col-md-3"> </div>
</div>
<div class="col-md-4">
'); ');
if ($config['vertical_summary']) if ($config['vertical_summary'])
@@ -151,8 +155,8 @@ if ($config['enable_syslog'])
<div class="col-md-12"> <div class="col-md-12">
&nbsp; &nbsp;
</div> </div>
</row> </div>
<row> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="panel panel-default panel-condensed"> <div class="panel panel-default panel-condensed">
<div class="panel-heading"> <div class="panel-heading">
@@ -189,8 +193,8 @@ if ($config['enable_syslog'])
<div class="col-md-12"> <div class="col-md-12">
&nbsp; &nbsp;
</div> </div>
</row> </div>
<row> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="panel panel-default panel-condensed"> <div class="panel panel-default panel-condensed">
<div class="panel-heading"> <div class="panel-heading">