reorganize styles to global css file

This commit is contained in:
Katri Lotamõis
2026-06-29 12:28:17 +03:00
parent 91ace76d02
commit 181b310d53
4 changed files with 28 additions and 26 deletions

View File

@@ -4,7 +4,6 @@ import RulesContent from "@/components/RulesContent";
import RulesLastChanged from "@/components/RulesLastChanged";
import Link from "next/link";
import { getTranslations, setRequestLocale } from "next-intl/server";
import '../style.css'
const sectionKeys = [
{ id: "intro", labelKey: "cs2page.nav.intro" },
@@ -33,7 +32,7 @@ export default async function CS2Tournament({
return (
<div className="bg-[#0E0F19] min-h-screen pt-16 md:pt-20">
<div className="max-w-480 mx-auto px-4 sm:px-6 md:px-12 lg:px-64 py-10 md:py-20">
<div className="grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-8 lg:gap-16">
<div className="tournament-page-scope grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-8 lg:gap-16">
{/* Main content */}
<div>
{/* Header */}

View File

@@ -4,7 +4,6 @@ import RulesContent from "@/components/RulesContent";
import RulesLastChanged from "@/components/RulesLastChanged";
import Link from "next/link";
import { getTranslations, setRequestLocale } from "next-intl/server";
import '../style.css';
const sectionKeys = [
{ id: "intro", labelKey: "lolpage.nav.intro" },
@@ -32,7 +31,7 @@ export default async function LoLTournament({
return (
<div className=" bg-[#0E0F19] min-h-screen pt-16 md:pt-20">
<div className="max-w-480 mx-auto px-4 sm:px-6 md:px-12 lg:px-64 py-10 md:py-20">
<div className="grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-8 lg:gap-30">
<div className="tournament-page-scope grid grid-cols-1 lg:grid-cols-[1fr_300px] gap-8 lg:gap-30">
{/* Main content */}
<div>
{/* Header */}

View File

@@ -1,21 +0,0 @@
p, li {
color: #ffffff;
text-align: justify;
}
@media (min-width: 640px) {
p, li {
font-size: 0.875rem;
}
}
@media (min-width: 1024px) {
p, li {
font-size: 1.25rem;
}
}
ol {
color: #ffffff;
list-style-position: inside;
}

View File

@@ -213,3 +213,28 @@ body {
will-change: auto;
}
}
.tournament-page-scope p,
.tournament-page-scope li {
color: #ffffff;
text-align: justify;
}
@media (min-width: 640px) {
.tournament-page-scope p,
.tournament-page-scope li {
font-size: 0.875rem;
}
}
@media (min-width: 1024px) {
.tournament-page-scope p,
.tournament-page-scope li {
font-size: 1.25rem;
}
}
.tournament-page-scope ol {
color: #ffffff;
list-style-position: inside;
}