Refactor components and pages for improved readability and consistency

- Updated BackgroundImage.astro to format props for better readability.
- Adjusted FightTable.svelte to remove unnecessary trailing commas.
- Modified GroupTable.svelte to fix sorting syntax.
- Cleaned up LanguageWarning.astro by standardizing import statements.
- Enhanced Login.svelte for better formatting and readability.
- Simplified Navbar.svelte by merging multi-line attributes into single lines.
- Streamlined PostComponent.astro by condensing Image component props.
- Improved SearchComponent.svelte for consistent spacing and formatting.
- Refined TagComponent.astro for better readability and structure.
- Updated PageLayout.astro to simplify div structure.
- Enhanced downloads.astro for improved readability and consistency.
- Cleaned up index.astro in help directory for better formatting.
- Refactored index.astro in main pages for improved readability.
- Standardized login.astro for better formatting.
- Cleaned up not-found.astro for consistent import formatting.
- Enhanced [...schem].astro for better readability.
- Refactored [mode].astro for consistent import formatting.
- Improved [...gamemode].astro for better readability.
- Cleaned up [mode].astro in regeln directory for consistent formatting.
- Refactored index.astro in regeln directory for improved readability.
- Enhanced fight.astro for consistent import formatting.
This commit is contained in:
2026-03-28 15:56:56 +01:00
parent d2ee422d6d
commit 5d365bc744
21 changed files with 247 additions and 216 deletions

View File

@@ -39,7 +39,6 @@ const prefixColors: { [key: string]: string } = {
---
<NavbarLayout title={t("home.page")} description="SteamWar.de Homepage" transparentFooter={false}>
<!-- ═══════════ HERO ═══════════ -->
<section class="hero">
<div class="hero-bg">
@@ -204,13 +203,7 @@ const prefixColors: { [key: string]: string } = {
position: absolute;
inset: 0;
z-index: 2;
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.6) 0%,
rgba(0, 0, 0, 0.2) 35%,
rgba(0, 0, 0, 0.45) 65%,
#080808 100%
);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 35%, rgba(0, 0, 0, 0.45) 65%, #080808 100%);
}
.hero-scanlines {
@@ -218,13 +211,7 @@ const prefixColors: { [key: string]: string } = {
inset: 0;
z-index: 3;
pointer-events: none;
background: repeating-linear-gradient(
0deg,
transparent 0px,
transparent 3px,
rgba(0, 0, 0, 0.06) 3px,
rgba(0, 0, 0, 0.06) 4px
);
background: repeating-linear-gradient(0deg, transparent 0px, transparent 3px, rgba(0, 0, 0, 0.06) 3px, rgba(0, 0, 0, 0.06) 4px);
}
.hero-content {
@@ -248,7 +235,9 @@ const prefixColors: { [key: string]: string } = {
}
@media (min-width: 640px) {
.hero-label { font-size: 0.8rem; }
.hero-label {
font-size: 0.8rem;
}
}
.hero-title {
@@ -314,7 +303,9 @@ const prefixColors: { [key: string]: string } = {
}
@media (min-width: 640px) {
text-carousel > * { font-size: 1.15rem; }
text-carousel > * {
font-size: 1.15rem;
}
}
/* CTA */
@@ -331,14 +322,7 @@ const prefixColors: { [key: string]: string } = {
text-transform: uppercase;
background: rgba(245, 158, 11, 0.04);
backdrop-filter: blur(12px);
clip-path: polygon(
0 0,
calc(100% - 14px) 0,
100% 14px,
100% 100%,
14px 100%,
0 calc(100% - 14px)
);
clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
transition: all 0.35s ease;
animation: fadeUp 0.6s 1s ease-out both;
}
@@ -424,7 +408,9 @@ const prefixColors: { [key: string]: string } = {
border-bottom: none;
border-right: 1px solid rgba(255, 255, 255, 0.04);
}
.feat:last-child { border-right: none; }
.feat:last-child {
border-right: none;
}
}
.feat:hover {