]> git.ipfire.org Git - pbs.git/commitdiff
CSS: Move everything inside the main container
authorMichael Tremer <michael.tremer@ipfire.org>
Wed, 19 Oct 2022 01:40:30 +0000 (01:40 +0000)
committerMichael Tremer <michael.tremer@ipfire.org>
Wed, 19 Oct 2022 01:40:30 +0000 (01:40 +0000)
Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
src/templates/base.html
src/templates/index.html

index a3ca941656e5ef8931f6a15525477897fa3ffa51..4dd77751d2e8913c26c0b981c29f0c0c14832892 100644 (file)
 
        <body>
                <nav class="navbar is-primary" role="navigation" aria-label="main navigation">
-                       <div class="navbar-brand">
-                               <a class="navbar-item" href="/">
-                                       Pakfire Build Service
-                               </a>
-
-                               <a role="button" class="navbar-burger" aria-label="menu"
-                                       aria-expanded="false" data-target="navbarMainMenu">
-                                       <span aria-hidden="true"></span>
-                                       <span aria-hidden="true"></span>
-                                       <span aria-hidden="true"></span>
-                               </a>
-                       </div>
-
-                       <div id="navbarMainMenu" class="navbar-menu">
-                               <div class="navbar-start">
-                                       {# Some important links... #}
-
-                                       <a class="navbar-item" href="/packages">
-                                               {{ _("Packages") }}
+                       <div class="container">
+                               <div class="navbar-brand">
+                                       <a class="navbar-item" href="/">
+                                               Pakfire Build Service
                                        </a>
 
-                                       <a class="navbar-item" href="/builds">
-                                               {{ _("Builds") }}
+                                       <a role="button" class="navbar-burger" aria-label="menu"
+                                               aria-expanded="false" data-target="navbarMainMenu">
+                                               <span aria-hidden="true"></span>
+                                               <span aria-hidden="true"></span>
+                                               <span aria-hidden="true"></span>
                                        </a>
+                               </div>
 
-                                       {# Dropdown menu with more stuff... #}
+                               <div id="navbarMainMenu" class="navbar-menu">
+                                       <div class="navbar-start">
+                                               {# Some important links... #}
 
-                                       <div class="navbar-item has-dropdown is-hoverable">
-                                               <a class="navbar-link" href="#">
-                                                       {{ _("More") }}
+                                               <a class="navbar-item" href="/packages">
+                                                       {{ _("Packages") }}
                                                </a>
 
-                                               <div class="navbar-dropdown is-boxed">
-                                                       <a class="navbar-item" href="/distros">
-                                                               {{ _("Distributions") }}
-                                                       </a>
-                                                       <a class="navbar-item" href="/builders">
-                                                               {{ _("Builders") }}
-                                                       </a>
-                                                       <a class="navbar-item" href="/mirrors">
-                                                               {{ _("Mirrors") }}
-                                                       </a>
-                                                       {% if current_user %}
-                                                               <a class="navbar-item" href="/users">
-                                                                       {{ _("Users") }}
-                                                               </a>
-                                                       {% end %}
-                                                       <a class="navbar-item" href="/log">
-                                                               {{ _("Log") }}
-                                                       </a>
-                                               </div>
-                                       </div>
-                               </div>
+                                               <a class="navbar-item" href="/builds">
+                                                       {{ _("Builds") }}
+                                               </a>
 
-                               <div class="navbar-end">
-                                       <div class="navbar-item">
-                                               <div class="field">
-                                                       <p class="control">
-                                                               <form method="GET" action="/search">
-                                                                       <input class="input" type="text" name="q"
-                                                                               placeholder="{{ _("Search...") }}">
-                                                               </form>
-                                                       </p>
-                                               </div>
-                                       </div>
+                                               {# Dropdown menu with more stuff... #}
 
-                                       {% if current_user %}
                                                <div class="navbar-item has-dropdown is-hoverable">
-                                                       <a class="navbar-link" href="/users/{{ current_user.name }}">
-                                                               {{ current_user }}
+                                                       <a class="navbar-link" href="#">
+                                                               {{ _("More") }}
                                                        </a>
 
                                                        <div class="navbar-dropdown is-boxed">
-                                                               <a class="navbar-item" href="/profile/builds">
-                                                                       {{ _("My Builds") }}
+                                                               <a class="navbar-item" href="/distros">
+                                                                       {{ _("Distributions") }}
                                                                </a>
-                                                               <hr class="navbar-divider">
-                                                               <a class="navbar-item" href="/logout">
-                                                                       {{ _("Logout") }}
+                                                               <a class="navbar-item" href="/builders">
+                                                                       {{ _("Builders") }}
+                                                               </a>
+                                                               <a class="navbar-item" href="/mirrors">
+                                                                       {{ _("Mirrors") }}
+                                                               </a>
+                                                               {% if current_user %}
+                                                                       <a class="navbar-item" href="/users">
+                                                                               {{ _("Users") }}
+                                                                       </a>
+                                                               {% end %}
+                                                               <a class="navbar-item" href="/log">
+                                                                       {{ _("Log") }}
                                                                </a>
                                                        </div>
                                                </div>
-                                       {% else %}
+                                       </div>
+
+                                       <div class="navbar-end">
                                                <div class="navbar-item">
-                                                       <a class="button" href="/login">
-                                                               {{ _("Sign In") }}
-                                                       </a>
+                                                       <div class="field">
+                                                               <p class="control">
+                                                                       <form method="GET" action="/search">
+                                                                               <input class="input" type="text" name="q"
+                                                                                       placeholder="{{ _("Search...") }}">
+                                                                       </form>
+                                                               </p>
+                                                       </div>
                                                </div>
-                                       {% end %}
+
+                                               {% if current_user %}
+                                                       <div class="navbar-item has-dropdown is-hoverable">
+                                                               <a class="navbar-link" href="/users/{{ current_user.name }}">
+                                                                       {{ current_user }}
+                                                               </a>
+
+                                                               <div class="navbar-dropdown is-boxed">
+                                                                       <a class="navbar-item" href="/profile/builds">
+                                                                               {{ _("My Builds") }}
+                                                                       </a>
+                                                                       <hr class="navbar-divider">
+                                                                       <a class="navbar-item" href="/logout">
+                                                                               {{ _("Logout") }}
+                                                                       </a>
+                                                               </div>
+                                                       </div>
+                                               {% else %}
+                                                       <div class="navbar-item">
+                                                               <a class="button" href="/login">
+                                                                       {{ _("Sign In") }}
+                                                               </a>
+                                                       </div>
+                                               {% end %}
+                                       </div>
                                </div>
                        </div>
                </nav>
                {# Footer #}
 
                <footer class="footer">
-                       <div class="content has-text-centered">
-                               <p>
-                                       &copy; {{ year }} - Pakfire Build Service {{ version }}
-                               </p>
+                       <div class="container">
+                               <div class="content has-text-centered">
+                                       <p>
+                                               &copy; {{ year }} - Pakfire Build Service {{ version }}
+                                       </p>
+                               </div>
                        </div>
                </footer>
        </body>
index 94f080c8bf0a16481b15c7bd42829a1575994d14..3f26028e5b91c6d80c495ef102032dba8c5026c5 100644 (file)
@@ -5,28 +5,34 @@
 {% block body %}
        <section class="hero is-primary">
                <div class="hero-body">
-                       <p class="title">
-                               {{ _("Pakfire Build Service") }}
-                       </p>
-                       <p class="subtitle">
-                               {{ _("Development Powered By Community") }}
-                       </p>
+                       <div class="container">
+                               <p class="title">
+                                       {{ _("Pakfire Build Service") }}
+                               </p>
+                               <p class="subtitle">
+                                       {{ _("Development Powered By Community") }}
+                               </p>
+                       </div>
                </div>
        </section>
 
        {% if jobs %}
                <section class="section">
-                       <h1 class="title">{{ _("Running Jobs") }}</h1>
+                       <div class="container">
+                               <h1 class="title">{{ _("Running Jobs") }}</h1>
 
-                       {% module JobsList(jobs) %}
+                               {% module JobsList(jobs) %}
+                       </div>
                </section>
        {% end %}
 
        <section class="section has-text-centered">
-               {% set q = len(backend.jobqueue) %}
+               <div class="container">
+                       {% set q = len(backend.jobqueue) %}
 
-               <a href="/queue">
-                       {{ _("One Job In Queue", "%(num)s Jobs In Queue", q) % { "num" : q } }}
-               </a>
+                       <a href="/queue">
+                               {{ _("One Job In Queue", "%(num)s Jobs In Queue", q) % { "num" : q } }}
+                       </a>
+               </div>
        </section>
 {% end block %}