Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-05-14 07:32:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Making nav a bit smoler

Browse source
This commit is contained in:
Michał Gdula 2022-09-29 09:34:41 +00:00
parent 33927c63ef
commit 3dfe386a8c
5 changed files with 48 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
account.php
View file

@ -81,11 +81,11 @@
<div class="warningDecoration defaultSpacing defaultFonts"> <div class="warningDecoration defaultSpacing defaultFonts">
<h2>Account</h2> <h2>Account</h2>
<a class='btn btn-bad' href='password-reset.php'><img class='svg' src='assets/icons/password.svg'>Reset Password</a>
<button class="btn btn-bad" onclick="deleteAccount()"><img class='svg' src='assets/icons/trash.svg'>Forget me forever</button>
<br>
<p>Don't leave! I'm with the science team!</p> <p>Don't leave! I'm with the science team!</p>
<a class='btn btn-bad' href='app/account/logout.php'><img class='svg' src='assets/icons/sign-out.svg'>Forget Me</a> <a class='btn btn-bad' href='app/account/logout.php'><img class='svg' src='assets/icons/sign-out.svg'>Forget Me</a>
<br>
<a class='btn btn-bad' href='password-reset.php'><img class='svg' src='assets/icons/password.svg'>Reset Password</a>
<button class="btn btn-bad" onclick="deleteAccount()"><img class='svg' src='assets/icons/trash.svg'>Forget me forever</button>
</div> </div>
<script> <script>
function deleteAccount() { function deleteAccount() {
@ -380,14 +380,28 @@
</script> </script>
</div> </div>
<div class="warningDecoration defaultSpacing defaultFonts"> <div class="sanity-check defaultDecoration defaultSpacing defaultFonts">
<h2>Sanity check</h2> <h2>Sanity check</h2>
<?php <?php
$check_sanity = $sanity->get_results(); $check_sanity = $sanity->get_results();
if (empty($check_sanity) || !isset($check_sanity)) { if (empty($check_sanity) || !isset($check_sanity)) {
echo "<p class='btn btn-good' style='outline: none;'>No errors! Lookin' good</p>"; echo "<p class='btn btn-good' style='outline: none;'>No errors! Lookin' good</p>";
?>
<style>
.sanity-check {
border-color: var(--page-accent);
}
</style>
<?php
} else { } else {
?>
<style>
.sanity-check {
border-color: var(--warning);
}
</style>
<?php
foreach ($check_sanity as $result) { foreach ($check_sanity as $result) {
if (str_contains($result, "Critical")) { if (str_contains($result, "Critical")) {
echo "<p class='btn btn-bad' style='outline: none; cursor: default;'>".$result."</p>"; echo "<p class='btn btn-bad' style='outline: none; cursor: default;'>".$result."</p>";

13
css/main.css
View file

@ -50,7 +50,7 @@ nav {
margin: 0 auto 1rem; margin: 0 auto 1rem;
padding: 0.5rem; padding: 0.5rem;
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
height: 2.5rem; height: auto;
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
z-index: 99; z-index: 99;
@ -91,6 +91,9 @@ nav .btn {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
width: auto; width: auto;
} }
.nav-links a.btn {
padding: 0.2rem 0.5rem;
}
.nav-mobile { .nav-mobile {
display: none; display: none;
@ -108,6 +111,7 @@ nav .btn {
nav { nav {
margin: 0; margin: 0;
width: calc(100% - 1rem); width: calc(100% - 1rem);
height: 2.5rem;
position: fixed; position: fixed;
top: auto; top: auto;
bottom: 0; bottom: 0;
@ -126,6 +130,9 @@ nav .btn {
margin: 0; margin: 0;
display: block; display: block;
} }
.nav-links a.btn {
padding: 0.5rem;
}
.nav-hide { .nav-hide {
display: none; display: none;
} }
@ -262,6 +269,9 @@ nav .btn {
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
z-index: 9; z-index: 9;
} }
.gallery-item:active {
transform: scale(0.8) !important;
}
.gallery-item:after { .gallery-item:after {
content: ""; content: "";
display: block; display: block;
@ -558,6 +568,7 @@ nav .btn {
.selectedImage { .selectedImage {
outline: #8C977D solid 0.3rem; outline: #8C977D solid 0.3rem;
transform: scale(0.8) !important;
} }
.group-name { .group-name {

5
css/scss/_body.scss
View file

@ -93,6 +93,10 @@
z-index: 9; z-index: 9;
} }
&:active {
transform: scale(0.8) !important;
}
&:after { &:after {
content: ""; content: "";
display: block; display: block;
@ -493,6 +497,7 @@
.selectedImage { .selectedImage {
outline: $page-accent solid 0.3rem; outline: $page-accent solid 0.3rem;
transform: scale(0.8) !important;
} }
.group-name { .group-name {
margin: 0; margin: 0;

13
css/scss/_navigation.scss
View file

@ -11,7 +11,7 @@ nav {
padding: 0.5rem; padding: 0.5rem;
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
height: 2.5rem; height: auto;
position: sticky; position: sticky;
z-index: 99; z-index: 99;
@ -56,6 +56,10 @@ nav {
font-family: $font-body; font-family: $font-body;
width: auto; width: auto;
a.btn {
padding: 0.2rem 0.5rem;
}
} }
.nav-mobile { .nav-mobile {
@ -77,6 +81,7 @@ nav {
margin: 0; margin: 0;
width: calc(100% - 1rem); width: calc(100% - 1rem);
height: 2.5rem;
position: fixed; position: fixed;
top: auto; top: auto;
@ -100,6 +105,12 @@ nav {
} }
} }
.nav-links {
a.btn {
padding: 0.5rem;
}
}
.nav-hide { .nav-hide {
display: none; display: none;
} }

2
profile.php
View file

@ -42,7 +42,7 @@
?> ?>
<style> <style>
.profile-root { .profile-root {
background-image: linear-gradient(to right, <?php echo $pfp_colour; ?>, var(--bg-3)) !important; background-image: linear-gradient(to right, <?php echo $pfp_colour; ?>, var(--bg-3), var(--bg-3)) !important;
} }
</style> </style>
<?php <?php