mirror of
				https://github.com/checktheroads/hyperglass
				synced 2024-05-11 05:55:08 +00:00 
			
		
		
		
	fix responsive styling
This commit is contained in:
		@@ -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 %}
 | 
			
		||||
 
 | 
			
		||||
@@ -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>
 | 
			
		||||
 
 | 
			
		||||
@@ -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
 | 
			
		||||
		Reference in New Issue
	
	Block a user