devshort

Unnamed repository; edit this file 'description' to name the repository.
git clone git://code.clttr.info/devshort.git
Log | Files | Refs | README | LICENSE

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:
Madmin/index.php | 13+++++++------
Massets/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