zhaxal/tech-fest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: apply uppercase styling to headings and buttons across multiple components for consistency

Browse Source
This commit is contained in:
Zhakhangir Anuarbek
2025-08-05 14:50:38 +05:00
parent 99b2824421
commit 0d8a47bee7
13 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Activities.tsx
+2 -2
View File
@@ -43,7 +43,7 @@ function SwiperButton({
function Slide({ title, imageSrc }: { title: string; imageSrc: string }) {
return (
<div className="flex flex-col bg-[#1068B0] py-4 px-3 sm:py-6 sm:px-3.5 relative">
<h2 className={`${fluxgore.className} text-2xl sm:text-3xl lg:text-4xl text-white leading-none`}>
<h2 className={`${fluxgore.className} text-2xl sm:text-3xl lg:text-4xl text-white leading-none uppercase`}>
{title}
</h2>
<img
@@ -90,7 +90,7 @@ function Activities() {
<div className="container mx-auto px-4">
<div className="flex space-y-6 flex-row sm:justify-between sm:items-center sm:space-y-0">
<h1
className={`${fluxgore.className} text-3xl sm:text-5xl lg:text-7xl text-[#060606] relative max-w-2xs md:max-w-full`}
className={`${fluxgore.className} text-3xl sm:text-5xl lg:text-7xl text-[#060606] relative max-w-2xs md:max-w-full uppercase`}
>
Активности фестиваля
</h1>
src/components/Button.tsx
+1 -1
View File
@@ -31,7 +31,7 @@ export default function Button(props: ButtonProps) {
return (
<div
style={props.style}
className={`${fluxgore.className} relative inline-block`}
className={`${fluxgore.className} relative inline-block uppercase`}
>
{/* Shadow element */}
{shadowEnabled && !disabled && (
src/components/Cover.tsx
+2 -2
View File
@@ -12,7 +12,7 @@ function CoverHeading({ children, textPosition }: CoverHeadingProps) {
return (
<h1
className={`${fluxgore.className} text-white relative animate-fade-in-up`}
className={`${fluxgore.className} text-white relative animate-fade-in-up uppercase`}
style={{
textAlign: textAlign,
fontSize: "clamp(50px, 10vw, 7vw)", // Slightly smaller on all screen sizes
@@ -70,7 +70,7 @@ function CoverHeading({ children, textPosition }: CoverHeadingProps) {
function DateBox() {
return (
<div
className={`${fluxgore.className} bg-white text-black px-6 py-2 inline-block text-3xl md:text-[40px] animate-bounce-in`}
className={`${fluxgore.className} bg-white text-black px-6 py-2 inline-block text-3xl md:text-[40px] animate-bounce-in uppercase`}
style={{
transform: "skewX(-15deg)",
lineHeight: "1.2",
src/components/Events.tsx
+2 -2
View File
@@ -41,7 +41,7 @@ function EventCard(props: EventCardProps) {
</div>
<div className="w-full md:w-1/3 mb-4 md:mb-0 md:px-4">
<h2
className={`${fluxgore.className} text-2xl md:text-4xl text-white leading-tight md:leading-none`}
className={`${fluxgore.className} text-2xl md:text-4xl text-white leading-tight md:leading-none uppercase`}
>
{props.title}
</h2>
@@ -83,7 +83,7 @@ function Events() {
<div className="container mx-auto px-4">
<div className="flex flex-col md:flex-row md:justify-between space-y-6 md:space-y-0">
<h1
className={`${fluxgore.className} text-4xl md:text-7xl text-white relative`}
className={`${fluxgore.className} text-4xl md:text-7xl text-white relative uppercase`}
>
что вас ждет
</h1>
src/components/Footer.tsx
+3 -3
View File
@@ -80,7 +80,7 @@ function Footer() {
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
<div className="flex flex-col space-y-4 md:space-y-7">
<h3
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6]`}
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6] uppercase`}
>
СОБЫТИЯ
</h3>
@@ -114,7 +114,7 @@ function Footer() {
<div className="flex flex-col space-y-4 md:space-y-7">
<h3
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6]`}
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6] uppercase`}
>
ИНФОРМАЦИЯ
</h3>
@@ -136,7 +136,7 @@ function Footer() {
<div className="flex flex-col space-y-4 md:space-y-7">
<h3
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6]`}
className={`${fluxgore.className} text-base md:text-[18px] text-[#E6E6E6] uppercase`}
>
УЧАСТИЕ
</h3>
src/components/Map.tsx
+2 -2
View File
@@ -7,13 +7,13 @@ function Map() {
<div className="container mx-auto flex flex-col lg:flex-row px-4">
<div className="flex flex-col w-full lg:w-1/2 mb-8 lg:mb-0">
<h1
className={`${fluxgore.className} text-4xl md:text-5xl lg:text-7xl text-white relative`}
className={`${fluxgore.className} text-4xl md:text-5xl lg:text-7xl text-white relative uppercase`}
>
как нас найти
</h1>
<h2
className={`${fluxgore.className} text-2xl md:text-3xl lg:text-4xl text-[#1068B0] mt-10 lg:mt-20`}
className={`${fluxgore.className} text-2xl md:text-3xl lg:text-4xl text-[#1068B0] mt-10 lg:mt-20 uppercase`}
>
5-7 сентября 2025
</h2>
src/components/Partners.tsx
+1 -1
View File
@@ -65,7 +65,7 @@ function Partners() {
className="opacity-0 translate-y-8 transition-all duration-700"
>
<h1
className={`${fluxgore.className} text-4xl sm:text-5xl md:text-6xl lg:text-7xl text-white relative`}
className={`${fluxgore.className} text-4xl sm:text-5xl md:text-6xl lg:text-7xl text-white relative uppercase`}
>
партнеры
</h1>
src/components/Scheme.tsx
+2 -2
View File
@@ -14,7 +14,7 @@ function SchemeSelect({
active = false,
onClick,
}: SchemeSelectProps) {
const baseClasses = `${fluxgore.className} leading-none cursor-pointer transition-all duration-300 ease-in-out hover:opacity-80 transform hover:scale-105`;
const baseClasses = `${fluxgore.className} leading-none cursor-pointer transition-all duration-300 ease-in-out hover:opacity-80 transform hover:scale-105 uppercase`;
const activeClasses = "text-[#1E1E1E] text-2xl md:text-4xl";
const inactiveClasses = "text-[#0D0D0D] text-base md:text-xl opacity-50 self-end";
@@ -67,7 +67,7 @@ function Scheme() {
<div className="container mx-auto">
<div className="flex flex-col md:flex-row md:justify-between space-y-4 md:space-y-0">
<h1
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative`}
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative uppercase`}
>
схема фестиваля
</h1>
src/components/Video.tsx
+2 -2
View File
@@ -12,7 +12,7 @@ function VideoStats(props: VideoStatsProps) {
return (
<div className="flex flex-col">
<h1
className={`${fluxgore.className} text-4xl md:text-8xl text-[#1068B0] relative`}
className={`${fluxgore.className} text-4xl md:text-8xl text-[#1068B0] relative uppercase`}
>
{number}
</h1>
@@ -93,7 +93,7 @@ function Video() {
className="flex flex-col md:flex-row space-y-6 md:space-y-0 md:space-x-16 opacity-0 translate-y-8 transition-all duration-700"
>
<h1
className={`${fluxgore.className} text-4xl md:text-7xl text-white relative`}
className={`${fluxgore.className} text-4xl md:text-7xl text-white relative uppercase`}
>
как это Было
</h1>
src/components/form/Fileupload.tsx
+1 -1
View File
@@ -193,7 +193,7 @@ function Fileupload({
type="button"
onClick={openFileDialog}
disabled={isUploadDisabled}
className={`${fluxgore.className} bg-[#1068B0] hover:bg-[#0d5a96] text-white px-9 py-4 text-base font-medium uppercase tracking-wide disabled:opacity-50`}
className={`${fluxgore.className} bg-[#1068B0] hover:bg-[#0d5a96] text-white px-9 py-4 text-base font-medium uppercase tracking-wide disabled:opacity-50 uppercase`}
>
ПРИКРЕПИТЬ
</button>
src/pages/forms/exhibition.tsx
+1 -1
View File
@@ -104,7 +104,7 @@ function ExhibtionFormPage() {
<title>Фестиваль технических видов спорта</title>
</Head>
<h1
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12`}
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12 uppercase`}
>
Регистрация на выставку
</h1>
src/pages/forms/fight.tsx
+1 -1
View File
@@ -121,7 +121,7 @@ function FightFormPage() {
<title>Фестиваль технических видов спорта</title>
</Head>
<h1
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12`}
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12 uppercase`}
>
Регистрация на Битву за Москву
</h1>
src/pages/thankyou.tsx
+1 -1
View File
@@ -15,7 +15,7 @@ function ThankYouPage() {
</Head>
<h1
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12`}
className={`${fluxgore.className} text-4xl md:text-7xl text-[#060606] relative mb-8 md:mb-12 uppercase`}
>
СПАСИБО!
</h1>