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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user