devshort

commit f1451fd8bdc16ded8520c3609563ca3e6782ebfe
parent ba88d4668db3c79bd2164480b12cedb8a803889d
Author: Florian <flokX@users.noreply.github.com>
Date:   Fri, 20 Dec 2019 19:20:09 +0100

Improve responsive behaviour

* Add breakpoints for the columns
* Don't show all cards on all breakpoints
* Bump version to v2.4.0

Diffstat:
M
admin/index.php
 | 
13
+++++++------
M
assets/main.css
 | 
1
+

2 files changed, 8 insertions(+), 6 deletions(-)
diff --git a/admin/index.php b/admin/index.php
@@ -70,15 +70,15 @@ if ($config_content["settings"]["custom_links"]) {
             <h1 class="mt-5 text-center"><?php echo $config_content["settings"]["name"]; ?></h1>
             <h4 class="mb-4 text-center">admin panel</h4>
             <div class="row">
-                <div class="col-3">
-                    <div class="card mb-3">
+                <div class="col-md-4 col-lg-3">
+                    <div class="card d-none d-md-block mb-3">
                         <div class="card-body">
                             <a class="card-link" id="refresh" href="#refresh">Refresh charts</a>
                         </div>
                     </div>
                     <div class="card mb-3">
                         <div class="card-body">
-                            <h5 class="card-title">Add shortlink</h5>
+                            <h5 class="card-title">Add shortlink <small class="d-md-none"><a class="card-link" id="refresh" href="#refresh">Refresh charts</a></small></h5>
                             <form id="add-form">
                                 <div class="form-group">
                                     <label for="name">Name</label>
@@ -101,13 +101,13 @@ if ($config_content["settings"]["custom_links"]) {
                             </form>
                         </div>
                     </div>
-                    <div class="card">
+                    <div class="card d-none d-md-block">
                         <div class="card-body">
-                            <p class="mb-0">powered by <a href="https://github.com/flokX/devShort">devShort</a> v2.3.0</p>
+                            <p class="mb-0">powered by <a href="https://github.com/flokX/devShort">devShort</a> v2.4.0</p>
                         </div>
                     </div>
                 </div>
-                <div class="col-9">
+                <div class="col-md-8 col-lg-9">
                     <div class="d-flex justify-content-center">
                         <div class="spinner-border text-primary mt-4" id="spinner" role="status">
                             <span class="sr-only">Loading...</span>
@@ -116,6 +116,7 @@ if ($config_content["settings"]["custom_links"]) {
                     <div id="charts"></div>
                 </div>
             </div>
+            <p class="text-center d-md-none mt-1 mb-5">powered by <a href="https://github.com/flokX/devShort">devShort</a> v2.4.0</p>
         </div>
     </main>
 
diff --git a/assets/main.css b/assets/main.css
@@ -1,3 +1,4 @@
 .container {
+    width: auto;
     padding: 0 15px;
 }
 \ No newline at end of file