mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-06-09 03:43:11 +00:00
Fixed password reset bug
Added logs for password resets Added checks to sanity
This commit is contained in:
parent
2d7d359cde
commit
60f0877a5c
10 changed files with 153 additions and 117 deletions
32
css/main.css
32
css/main.css
|
@ -240,10 +240,10 @@ nav .btn {
|
|||
border-radius: 3px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
transition: transform 0.15s cubic-bezier(0.19, 1, 0.22, 1);
|
||||
transition: transform 0.4s cubic-bezier(0.25, 1.23, 0, 1.22);
|
||||
}
|
||||
.gallery-item:hover {
|
||||
transform: scale(1.1) rotate(5deg);
|
||||
transform: scale(1.15) rotate(5deg);
|
||||
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
|
||||
z-index: 9;
|
||||
}
|
||||
|
@ -328,17 +328,17 @@ nav .btn {
|
|||
|-------------------------------------------------------------
|
||||
*/
|
||||
.fullscreen-image {
|
||||
width: 101vw;
|
||||
height: 101vh;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%) scale(0.9);
|
||||
background-color: rgba(21, 21, 21, 0.7333333333);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
backdrop-filter: blur(20px);
|
||||
z-index: 999;
|
||||
transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), transform 0.5s cubic-bezier(0.25, 1.23, 0, 1.22);
|
||||
display: none;
|
||||
opacity: 0;
|
||||
}
|
||||
|
@ -728,27 +728,14 @@ nav .btn {
|
|||
| ACCOUNT
|
||||
|-------------------------------------------------------------
|
||||
*/
|
||||
.pfp-upload {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.pfp-upload form {
|
||||
#pfpForm {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
.pfp-upload form > * {
|
||||
#pfpForm > * {
|
||||
margin: 0;
|
||||
}
|
||||
.pfp-upload > img {
|
||||
margin: 0 auto 1rem;
|
||||
width: 12rem;
|
||||
height: 12rem;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
border-radius: 3px;
|
||||
background-color: #121212;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
display: flex;
|
||||
|
@ -770,6 +757,7 @@ nav .btn {
|
|||
.logs {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
overflow-y: hidden;
|
||||
display: flex;
|
||||
|
@ -819,6 +807,7 @@ nav .btn {
|
|||
.bans {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
overflow-y: hidden;
|
||||
display: flex;
|
||||
|
@ -875,6 +864,7 @@ nav .btn {
|
|||
.user-settings {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
overflow-y: hidden;
|
||||
display: flex;
|
||||
|
|
|
@ -65,10 +65,10 @@
|
|||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
transition: transform 0.15s cubic-bezier(.19, 1, .22, 1);
|
||||
transition: transform 0.4s cubic-bezier(.25,1.23,0,1.22);
|
||||
|
||||
&:hover {
|
||||
transform: scale(1.1) rotate(5deg);
|
||||
transform: scale(1.15) rotate(5deg);
|
||||
box-shadow: $shadow;
|
||||
|
||||
z-index: 9;
|
||||
|
@ -176,19 +176,19 @@
|
|||
|-------------------------------------------------------------
|
||||
*/
|
||||
.fullscreen-image {
|
||||
width: 101vw; height: 101vh;
|
||||
width: 100vw; height: 100vh;
|
||||
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
transform: translateX(-50%) translateY(-50%) scale(0.9);
|
||||
|
||||
background-color: $bg-alt;
|
||||
backdrop-filter: blur(20px);
|
||||
|
||||
z-index: 999;
|
||||
|
||||
transition: opacity 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
|
||||
transition: opacity 0.3s cubic-bezier(0.075, 0.82, 0.165, 1), transform 0.5s cubic-bezier(.25,1.23,0,1.22);;
|
||||
|
||||
display: none; // Automatically hidden, revealed on fullscreen
|
||||
opacity: 0; // expose
|
||||
|
@ -715,36 +715,14 @@
|
|||
| ACCOUNT
|
||||
|-------------------------------------------------------------
|
||||
*/
|
||||
.pfp-upload {
|
||||
#pfpForm {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-direction: row;
|
||||
gap: 0.5rem;
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 0.5rem;
|
||||
|
||||
> * {
|
||||
margin: 0;
|
||||
}
|
||||
> * {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
& > img {
|
||||
margin: 0 auto 1rem;
|
||||
|
||||
width: 12rem;
|
||||
height: 12rem;
|
||||
|
||||
object-fit: cover;
|
||||
|
||||
@if calc($rad - 0.5rem) > 0 {
|
||||
border-radius: calc($rad - 0.5rem);
|
||||
} @else {
|
||||
border-radius: 3px;
|
||||
}
|
||||
background-color: $black;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tabs {
|
||||
|
@ -766,7 +744,8 @@
|
|||
.logs {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
|
||||
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
|
||||
overflow-y: hidden;
|
||||
|
@ -827,6 +806,7 @@
|
|||
width: 100%;
|
||||
height: 0;
|
||||
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
|
||||
overflow-y: hidden;
|
||||
|
@ -893,6 +873,7 @@
|
|||
width: 100%;
|
||||
height: 0;
|
||||
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
|
||||
overflow-y: hidden;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue