1
0
mirror of https://github.com/checktheroads/hyperglass synced 2024-05-11 05:55:08 +00:00

fix responsive styling

This commit is contained in:
checktheroads
2019-08-22 20:27:57 -07:00
parent 87f065a2ac
commit 3a17c47ff5
5 changed files with 85 additions and 55 deletions

View File

@@ -24,7 +24,7 @@
<body class="d-flex flex-column h-100">
{% include "templates/ratelimit-query.html.j2" %}
{% include "templates/info.html.j2" %}
<div class="container-fluid d-flex w-100 h-100 p-3 mx-auto flex-column">
<div class="container-fluid d-flex w-100 h-100 mx-auto flex-column" id="hg-page-container">
<main role="main" class="flex-shrink-0">
{% block content %}

View File

@@ -1,17 +1,15 @@
<div class="container animsition" data-animsition-out-class="fade-out-left" data-animsition-in-class="fade-in-right"
id="hg-results">
<div class="row mb-md-1 mb-lg-3 mb-xl-3 px-1">
<div
class="d-flex col-12 col-lg-6 justify-content-center justify-content-lg-start align-self-end text-center text-lg-left">
<div class="row mb-md-1 mb-lg-3 mb-xl-3 px-3 px-md-1 py-3 py-md-1 mx-0 mw-100 mw-md-none">
<div class="d-flex col-12 col-lg-6 justify-content-center justify-content-lg-start align-self-end text-center text-lg-left">
{% import "templates/title.html.j2" as title %}
{{ title.title(branding, primary_asn, size_title="h1", size_subtitle="h4", direction="left") }}
</div>
<div
class="d-flex col-12 col-lg-6 align-self-end justify-content-center justify-content-lg-end text-center text-lg-right">
<div class="d-flex col-12 col-lg-6 align-self-end justify-content-center justify-content-lg-end text-center text-lg-right">
<h2 class="mb-0" id="hg-results-title"></h2>
</div>
</div>
<div class="row mt-lg-1">
<div class="row mt-lg-1 mx-0 mw-100 mw-md-none">
<div class="col align-self-center">
<div class="accordion" id="hg-accordion">
</div>

View File

@@ -34,6 +34,17 @@ $hg-footer: findFooterColor($hg-background)
// Theme Overrides
$enable-responsive-font-sizes: true
$enable-validation-icons: false
$theme-colors: ("primary": $hg-primary, "danger": $hg-danger, "warning": $hg-warning, "light": $hg-light, "dark": $hg-dark, "loading": $hg-loading, "footer": $hg-footer)
$body-bg: $hg-background
$body-color: findTextColor($body-bg)
$body-color: findTextColor($body-bg)
$border-radius: .44rem
$border-radius-lg: .4rem
$border-radius-sm: .35rem