lapikud/tipilan
3
0
Fork 0
mirror of https://github.com/Lapikud/tipilan.git synced 2026-08-08 17:49:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

reorganize styles to global css file

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/[locale]/turniirid/cs2/page.tsx
View File

@@ -4,7 +4,6 @@ import RulesContent from "@/components/RulesContent";
import RulesLastChanged from "@/components/RulesLastChanged"; import RulesLastChanged from "@/components/RulesLastChanged";
import Link from "next/link"; import Link from "next/link";
import { getTranslations, setRequestLocale } from "next-intl/server"; import { getTranslations, setRequestLocale } from "next-intl/server";
import '../style.css'
const sectionKeys = [ const sectionKeys = [
{ id: "intro", labelKey: "cs2page.nav.intro" }, { id: "intro", labelKey: "cs2page.nav.intro" },
@@ -33,7 +32,7 @@ export default async function CS2Tournament({
return ( return (
<div className="bg-[#0E0F19] min-h-screen pt-16 md:pt-20"> <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="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 */} {/* Main content */}
<div> <div>
{/* Header */} {/* Header */}

3
src/app/[locale]/turniirid/lol/page.tsx
View File

@@ -4,7 +4,6 @@ import RulesContent from "@/components/RulesContent";
import RulesLastChanged from "@/components/RulesLastChanged"; import RulesLastChanged from "@/components/RulesLastChanged";
import Link from "next/link"; import Link from "next/link";
import { getTranslations, setRequestLocale } from "next-intl/server"; import { getTranslations, setRequestLocale } from "next-intl/server";
import '../style.css';
const sectionKeys = [ const sectionKeys = [
{ id: "intro", labelKey: "lolpage.nav.intro" }, { id: "intro", labelKey: "lolpage.nav.intro" },
@@ -32,7 +31,7 @@ export default async function LoLTournament({
return ( return (
<div className=" bg-[#0E0F19] min-h-screen pt-16 md:pt-20"> <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="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 */} {/* Main content */}
<div> <div>
{/* Header */} {/* Header */}

21
src/app/[locale]/turniirid/style.css
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;
}

25
src/app/globals.css
View File

@@ -213,3 +213,28 @@ body {
will-change: auto; 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;
}