]> git.ipfire.org Git - ipfire.org.git/commitdiff
fireinfo/admin: restyled the page
authorRico Hoppe <rico.hoppe@ipfire.org>
Sat, 21 Oct 2023 16:20:38 +0000 (16:20 +0000)
committerRico Hoppe <rico.hoppe@ipfire.org>
Sat, 21 Oct 2023 16:20:38 +0000 (16:20 +0000)
src/templates/fireinfo/admin.html

index 00a5442504e9d34285521a3d8cd33ad8af8b2a4f..d30811a1459a825bd4d9b415b29a836e875604a4 100644 (file)
@@ -3,17 +3,21 @@
 {% block title %}{{ _("Admin") }}{% end block %}
 
 {% block container %}
-       <section>
+       <section class="section">
                <div class="container">
-                       <div class="row">
-                               <div class="col col-lg-6 text-center">
-                                       <h1>{{ "{:,d}".format(total) }}</h1>
-                                       <h4>{{ _("Total amount of profiles") }}</h4>
+                       <div class="columns">
+                               <div class="column">
+                                       <div class="has-text-centered">
+                                               <h1 class="title is-1">{{ "{:,d}".format(total) }}</h1>
+                                               <h4 class="title is-4">{{ _("Total amount of profiles") }}</h4>
+                                       </div>
                                </div>
 
-                               <div class="col col-lg-6 text-center">
-                                       <h1>{{ "%.2f%%" % (with_data * 100 / total) }}</h1>
-                                       <h4>{{ _("Reporting back to us") }}</h4>
+                               <div class="column">
+                                       <div class="has-text-centered">
+                                               <h1 class="title is-1">{{ "%.2f%%" % (with_data * 100 / total) }}</h1>
+                                               <h4 class="title is-4">{{ _("Reporting back to us") }}</h4>
+                                       </div>
                                </div>
                        </div>
                </div>