@@ -149,7 +148,7 @@
if ($user_info->is_admin($conn, $_SESSION['id'])) {
?>
-
Admin controlls
+
Admin
Invite Codes
img {
- margin-left: 1rem;
- width: 7.25rem;
- height: 7.25rem;
+ margin-left: 0.5rem;
+ width: 7.8rem;
+ height: 7.8rem;
-o-object-fit: cover;
object-fit: cover;
- border-radius: calc(0.3rem - (0.5rem + 3px));
+ border-radius: -0.3rem;
background-color: #121212;
}
+.pfp-upload form > * {
+ margin: 0 0 0.5rem 0;
+}
+.pfp-upload form > *:last-child {
+ margin: 0 0 0 0;
+}
+@media (max-width: 621px) {
+ .pfp-upload {
+ display: flex;
+ flex-direction: column-reverse;
+ }
+ .pfp-upload > img {
+ margin: 0 auto 1rem;
+ }
+}
.account-root {
margin-bottom: 1rem;
padding: 0.5rem 0.5rem 0 0.5rem;
width: calc(100% - 1.4rem);
background-color: #151515;
color: #E8E3E3;
- border-radius: 0.3rem;
+ border-radius: 0.4rem;
border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
}
@@ -792,7 +807,7 @@ nav .btn {
width: calc(100% - 1.4rem);
background-color: #151515;
color: #E8E3E3;
- border-radius: 0.3rem;
+ border-radius: 0.4rem;
border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
}
@@ -840,7 +855,7 @@ nav .btn {
display: none;
flex-direction: column;
background-color: #151515;
- border-radius: calc(0.3rem - (0.5rem + 3px));
+ border-radius: -0.3rem;
}
.log {
@@ -887,7 +902,7 @@ nav .btn {
display: none;
flex-direction: column;
background-color: #151515;
- border-radius: calc(0.3rem - (0.5rem + 3px));
+ border-radius: -0.3rem;
}
.ban {
@@ -941,7 +956,7 @@ nav .btn {
display: none;
flex-direction: column;
background-color: #151515;
- border-radius: calc(0.3rem - (0.5rem + 3px));
+ border-radius: -0.3rem;
}
.user {
@@ -996,7 +1011,7 @@ nav .btn {
width: calc(100% - 1.4rem);
background-color: #151515;
color: #E8E3E3;
- border-radius: 0.3rem;
+ border-radius: 0.4rem;
border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
display: none;
@@ -1027,7 +1042,7 @@ nav .btn {
width: calc(100% - 1.4rem);
background-color: #151515;
color: #E8E3E3;
- border-radius: 0.3rem;
+ border-radius: 0.4rem;
border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
}
@@ -1062,7 +1077,7 @@ nav .btn {
width: calc(100% - 1.4rem);
background-color: #151515;
color: #E8E3E3;
- border-radius: 0.3rem;
+ border-radius: 0.4rem;
border: 0.2rem solid #B66467;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
}
@@ -1166,7 +1181,7 @@ body * {
font-family: "Secular One", sans-serif;
text-decoration: none;
border: none;
- border-radius: calc(0.3rem - (0.5rem + 3px));
+ border-radius: -0.3rem;
transition: outline 0.1s cubic-bezier(0.19, 1, 0.22, 1);
}
.btn:hover {
@@ -1182,7 +1197,7 @@ body * {
text-decoration: none;
background-color: #E8E3E3;
border: none;
- border-radius: calc(0.3rem - (0.5rem + 3px));
+ border-radius: -0.3rem;
}
.btn:where(input[type=file])::file-selector-button {
margin: -0.25rem 0.5rem -0.25rem -0.25rem;
@@ -1192,7 +1207,7 @@ body * {
text-decoration: none;
background-color: #E8E3E3;
border: none;
- border-radius: calc(0.3rem - (0.5rem + 3px));
+ border-radius: -0.3rem;
}
a.btn {
diff --git a/css/main.scss b/css/main.scss
index bf58976..6ab093d 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -78,7 +78,7 @@ body {
text-decoration: none;
border: none;
- border-radius: calc($rad - (0.5rem + 3px));
+ border-radius: calc($rad - 0.7rem);
transition: outline 0.1s cubic-bezier(.19, 1, .22, 1);
@@ -102,7 +102,7 @@ body {
background-color: $white;
border: none;
- border-radius: calc($rad - (0.5rem + 3px));
+ border-radius: calc($rad - 0.7rem);
}
}
diff --git a/css/scss/_body.scss b/css/scss/_body.scss
index 5f81035..73b707d 100644
--- a/css/scss/_body.scss
+++ b/css/scss/_body.scss
@@ -214,7 +214,7 @@
}
button {
- padding: 0;
+ padding: 0.25rem;
width: 2rem; height: 2rem;
@@ -288,6 +288,8 @@
}
.preview-button {
+ padding: 0.25rem;
+
width: 2rem; height: 2rem;
position: absolute;
@@ -302,7 +304,7 @@
transition: outline 0.1s cubic-bezier(.19, 1, .22, 1);
- background-color: $black;
+ background-color: $bg-alt;
z-index: +2;
@@ -381,7 +383,7 @@
background-color: $page-accent;
- border-radius: calc($rad - (0.5rem + 3px));
+ border-radius: calc($rad - 0.7rem);
font-family: $font-body;
@@ -492,23 +494,38 @@
@include defaultFont();
}
.pfp-upload {
- margin-bottom: 0;
-
display: flex;
flex-direction: row;
& > img {
- margin-left: 1rem;
+ margin-left: 0.5rem;
- width: 7.25rem;
- height: 7.25rem;
+ width: 7.8rem;
+ height: 7.8rem;
object-fit: cover;
- border-radius: calc($rad - (0.5rem + 3px));
+ border-radius: calc($rad - 0.7rem);
background-color: $black;
}
+
+ form > * {
+ margin: 0 0 0.5rem 0;
+ }
+ form > *:last-child {
+ margin: 0 0 0 0;
+ }
+}
+@media (max-width: 621px) {
+ .pfp-upload {
+ display: flex;
+ flex-direction: column-reverse;
+
+ & > img {
+ margin: 0 auto 1rem;
+ }
+ }
}
.account-root {
@@ -546,7 +563,7 @@
display: none; flex-direction: column;
background-color: $bg;
- border-radius: calc($rad - (0.5rem + 3px));
+ border-radius: calc($rad - 0.7rem);
}
.log {
min-width: 769px;
@@ -598,7 +615,7 @@
display: none; flex-direction: column;
background-color: $bg;
- border-radius: calc($rad - (0.5rem + 3px));
+ border-radius: calc($rad - 0.7rem);
}
.ban {
min-width: 769px;
@@ -656,7 +673,7 @@
display: none; flex-direction: column;
background-color: $bg;
- border-radius: calc($rad - (0.5rem + 3px));
+ border-radius: calc($rad - 0.7rem);
}
.user {
min-width: 769px;
diff --git a/css/scss/_variables.scss b/css/scss/_variables.scss
index c717ce7..1104a3c 100644
--- a/css/scss/_variables.scss
+++ b/css/scss/_variables.scss
@@ -13,7 +13,7 @@ $white: #E8E3E3;
$page-accent: #8C977D;
$shadow: 6px 6px 2px #15151566;
-$rad: 0.3rem;
+$rad: 0.4rem;
$weight-bold: 621;
$weight-normal: 400;
diff --git a/image.php b/image.php
index d49c821..70a7184 100644
--- a/image.php
+++ b/image.php
@@ -184,8 +184,8 @@
is_admin($conn, $image['author'])) {
- echo "
Author: ".$image_author."
";
+ if (empty($image['author'])) {
+ echo "
Author: ".$image_author."
";
} else {
echo "
Author: ".$image_author."
";
}