This commit is contained in:
2025-08-08 17:17:20 +08:00
parent 7f34a2f4a0
commit 519713ffb4
7 changed files with 87 additions and 56 deletions

View File

@@ -1,29 +1,32 @@
.img-wrapper{
column-count: 1;
column-gap: 10px;
@media screen and (min-width: 500px) {
column-count: 2;
}
@media screen and (min-width: 720px) {
column-count: 3;
}
@media screen and (min-width: 1100px) {
column-count: 5;
}
counter-reset: count;
margin: 0 auto;
@media (max-width: $mantine-breakpoint-md) {
column-count: 2;
}
@media (max-width: $mantine-breakpoint-sm) {
.img-wrapper {
column-count: 1;
}
column-gap: 10px;
&>div{
position: relative;
margin-bottom: 10px;
}
@media screen and (min-width: 500px) {
column-count: 2;
}
@media screen and (min-width: 720px) {
column-count: 3;
}
@media screen and (min-width: 1100px) {
column-count: 5;
}
counter-reset: count;
margin: 0 auto;
@media (max-width: $mantine-breakpoint-md) {
column-count: 2;
}
@media (max-width: $mantine-breakpoint-sm) {
column-count: 1;
}
& > div {
position: relative;
margin-bottom: 10px;
}
}

View File

@@ -1,40 +1,38 @@
.root {
padding-top: rem(80px);
padding-bottom: rem(120px);
background-color: var(--mantine-color-blue-filled);
padding-top: rem(80px);
padding-bottom: rem(120px);
background-color: var(--mantine-color-blue-filled);
}
.label {
text-align: center;
font-weight: 900;
font-size: rem(220px);
line-height: 1;
margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
color: var(--mantine-color-blue-3);
text-align: center;
font-weight: 900;
font-size: rem(220px);
line-height: 1;
margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
color: var(--mantine-color-blue-3);
@media (max-width: $mantine-breakpoint-sm) {
font-size: rem(120px);
}
@media (max-width: $mantine-breakpoint-sm) {
font-size: rem(120px);
}
}
.title {
font-family:
Greycliff CF,
var(--mantine-font-family);
text-align: center;
font-weight: 900;
font-size: rem(38px);
color: var(--mantine-color-white);
font-family: "Greycliff CF", var(--mantine-font-family);
text-align: center;
font-weight: 900;
font-size: rem(38px);
color: var(--mantine-color-white);
@media (max-width: $mantine-breakpoint-sm) {
font-size: rem(32px);
}
@media (max-width: $mantine-breakpoint-sm) {
font-size: rem(32px);
}
}
.description {
max-width: rem(540px);
margin: auto;
margin-top: var(--mantine-spacing-xl);
margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
color: var(--mantine-color-blue-1);
max-width: rem(540px);
margin: auto;
margin-top: var(--mantine-spacing-xl);
margin-bottom: calc(var(--mantine-spacing-xl) * 1.5);
color: var(--mantine-color-blue-1);
}

View File

@@ -56,7 +56,7 @@ export default function SettingsPage() {
try {
new URL(v.s3Url, location.origin);
form.clearFieldError("s3Url");
} catch (e) {
} catch {
form.setFieldError("s3Url", "Invalid Minio URL");
}
@@ -69,7 +69,7 @@ export default function SettingsPage() {
setMeilisearchVersion(version.pkgVersion);
form.clearFieldError("meilisearchUrl");
form.clearFieldError("meilisearchToken");
} catch (e) {
} catch {
form.setFieldError("meilisearchUrl", "Invalid Meilisearch URL");
form.setFieldError("meilisearchToken", "Invalid Meilisearch Token");
}