failed-galleries/php-gallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-02-05 13:08:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixing blur and reverse loading

Browse source
This commit is contained in:
Michał 2022-08-01 19:20:51 +01:00
parent 7944e439d7
commit 4c064eeaed
5 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/bg3.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 34 KiB

1
assets/bg4.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
css/.master.css.swp Normal file
View file

Binary file not shown.

14
css/master.css
View file

@ -5,6 +5,7 @@
--bg: #15151588;
--bg-1: #242621;
--bg-2: #1D1E1C;
--bg-3: #151515;
--fg:#E8E3E3;
--fg-dark: #151515;
@ -33,8 +34,8 @@ html {
position: relative;
background-color: var(--bg-2);
background-image: url("../assets/bg2.svg");
background-color: var(--bg-3);
background-image: url("../assets/bg.svg");
background-position: center;
background-size: cover;
@ -138,6 +139,7 @@ body {
margin: 0 0 2rem; padding: 0.25rem;
background-color: var(--bg); color: var(--fg);
backdrop-filter: blur(8px);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
@ -149,7 +151,7 @@ body {
.gallery-item {
margin: 0.25rem; padding: 0;
height: auto; max-width: 350px;
height: auto; max-width: calc(33.33% - 0.5rem); /*max-width: 350px;*/
background-color: var(--bg-2);
border-radius: var(--rad);
@ -198,6 +200,12 @@ body {
position: relative;
background-color: var(--bg);
backdrop-filter: blur(8px);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
transition: height 0.15s cubic-bezier(.19,1,.22,1);
}

2
index.php
View file

@ -77,7 +77,7 @@
<div class="gallery-root flex-left">
<?php
// Reading images from table
$image_request = mysqli_query($conn, "SELECT * FROM swag_table");
$image_request = mysqli_query($conn, "SELECT * FROM swag_table ORDER BY id DESC");
while ($image = mysqli_fetch_array($image_request)) {
// If search is set