failed-galleries/php-gallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2024-12-26 17:36:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Making nav a bit smoler

Browse source
This commit is contained in:
Michał 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">
<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>
<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>
<script>
function deleteAccount() {
@ -380,14 +380,28 @@
</script>
</div>
<div class="warningDecoration defaultSpacing defaultFonts">
<div class="sanity-check defaultDecoration defaultSpacing defaultFonts">
<h2>Sanity check</h2>
<?php
$check_sanity = $sanity->get_results();
if (empty($check_sanity) || !isset($check_sanity)) {
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 {
?>
<style>
.sanity-check {
border-color: var(--warning);
}
</style>
<?php
foreach ($check_sanity as $result) {
if (str_contains($result, "Critical")) {
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;
padding: 0.5rem;
width: calc(100% - 1.4rem);
height: 2.5rem;
height: auto;
position: -webkit-sticky;
position: sticky;
z-index: 99;
@ -91,6 +91,9 @@ nav .btn {
font-family: "Secular One", sans-serif;
width: auto;
}
.nav-links a.btn {
padding: 0.2rem 0.5rem;
}
.nav-mobile {
display: none;
@ -108,6 +111,7 @@ nav .btn {
nav {
margin: 0;
width: calc(100% - 1rem);
height: 2.5rem;
position: fixed;
top: auto;
bottom: 0;
@ -126,6 +130,9 @@ nav .btn {
margin: 0;
display: block;
}
.nav-links a.btn {
padding: 0.5rem;
}
.nav-hide {
display: none;
}
@ -262,6 +269,9 @@ nav .btn {
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
z-index: 9;
}
.gallery-item:active {
transform: scale(0.8) !important;
}
.gallery-item:after {
content: "";
display: block;
@ -558,6 +568,7 @@ nav .btn {
.selectedImage {
outline: #8C977D solid 0.3rem;
transform: scale(0.8) !important;
}
.group-name {

5
css/scss/_body.scss
View file

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

13
css/scss/_navigation.scss
View file

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

2
profile.php
View file

@ -42,7 +42,7 @@
?>
<style>
.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>
<?php