lapikud
/
tipilan
mirror of https://github.com/Lapikud/tipilan
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixed tickets page responsiveness and adjusted layout, paddings, margins, sizes etc.

Browse Source
pull/2/head
TFT 8 months ago
parent 959ca48643
commit 9a8a778d4d
3 changed files with 6099 additions and 19 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6081
      package-lock.json
  2. 35
      src/app/tickets/page.tsx
  3. 2
      src/components/SidebarParent.tsx

6081
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

35
src/app/tickets/page.tsx
Unescape View File

@ -3,14 +3,14 @@ import Link from 'next/link';
export default function Tickets() {
return (
<div className="flex flex-col min-h-[90vh] bg-[#EEE5E5] p-12 pt-18">
<h1 className={`text-6xl ${vipnagorgialla.className} font-bold text-[#2A2C3F] mt-8 pb-8`}>Piletid ja registreerimine</h1>
<div className="flex justify-center items-center flex-row gap-16 flex-grow">
<div className="bg-[#007CAB] -skew-x-5 text-white px-12 py-16 w-72 hover:scale-105 transition-all">
<h2 className={`text-5xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-4`}>8€</h2>
<h3 className={`text-3xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}>Osaleja</h3>
<ul className="pl-4 pb-4 list-[square] marker:text-[#1F5673]">
<li className="text-xl">Isiklik laud, voolu- ja internetiühendus</li>
<div className="flex flex-col min-h-[90vh] bg-[#EEE5E5] m-6 mt-16 md:m-16">
<h1 className={`text-4xl md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] mt-8 md:mt-16 mb-4`}>PILETID JA REGAMINE</h1>
<div className="flex justify-start lg:items-center flex-col lg:flex-row gap-8 md:gap-12 flex-grow mb-16 md:mt-8 lg:mt-0">
<div className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
<h2 className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}>8€</h2>
<h3 className={`text-3xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-4`}>Osaleja</h3>
<ul className="pl-4 mb-8 list-[square] marker:text-[#1F5673]">
<li className="text-xl italic">Isiklik laud, voolu- ja internetiühendus</li>
<li className="text-xl">Ligipääs demoalale</li>
<li className="text-xl">Turniiride pealt vaatamine</li>
<li className="text-xl">Võimalus osaleda miniturniiridel</li>
@ -19,11 +19,10 @@ export default function Tickets() {
<button className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold italic`}>OSTA PILET</button>
</Link>
</div>
<div className="bg-[#007CAB] -skew-x-5 text-white px-12 py-16 w-72 hover:scale-105 transition-all">
<h2 className={`text-5xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-4`}>10€</h2>
<h3 className={`text-3xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}>Võistleja</h3>
<ul className="pl-4 pb-4 list-[square] marker:text-[#1F5673]">
<div className="bg-[#1F5673] -skew-x-2 md:-skew-x-5 text-white px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
<h2 className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}>10€</h2>
<h3 className={`text-3xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-4`}>Võistleja</h3>
<ul className="pl-4 mb-8 list-[square] marker:text-[#1F5673]">
<li className="text-xl">Võimalus osaleda turniiridel</li>
<li className="text-xl">Isiklik laud, voolu- ja internetiühendus</li>
<li className="text-xl">Ligipääs demoalale</li>
@ -31,14 +30,14 @@ export default function Tickets() {
<li className="text-xl">Võimalus osaleda miniturniiridel</li>
</ul>
<Link href="https://fienta.com/et/tipilan">
<button className={`px-4 py-2 bg-[#1F5673] cursor-pointer ${vipnagorgialla.className} font-bold italic`}>OSTA PILET</button>
<button className={`px-4 py-2 bg-[#007CAB] cursor-pointer ${vipnagorgialla.className} font-bold italic`}>OSTA PILET</button>
</Link>
</div>
<div className="bg-[#007CAB] -skew-x-5 text-white px-12 py-16 w-72 hover:scale-105 transition-all">
<h2 className={`text-5xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-4`}>6€</h2>
<h3 className={`text-3xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}>Külastaja</h3>
<ul className="pl-4 pb-4 list-[square] marker:text-[#1F5673]">
<div className="bg-[#007CAB] -skew-x-2 md:-skew-x-5 text-white px-8 md:px-12 py-16 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]">
<h2 className={`text-6xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-2`}>6€</h2>
<h3 className={`text-3xl ${vipnagorgialla.className} font-bold italic text-[#EEE5E5] pb-4`}>Külastaja</h3>
<ul className="pl-4 mb-8 list-[square] marker:text-[#1F5673]">
<li className="text-xl">Ligipääs demoalale</li>
<li className="text-xl">Turniiride pealt vaatamine</li>
<li className="text-xl">Võimalus osaleda miniturniiridel</li>

2
src/components/SidebarParent.tsx
Unescape View File

@ -9,7 +9,7 @@ const SidebarParent = () => {
const toggleSidebar = () => setIsOpen(!isOpen);
return (
<div className="fixed w-screen">
<div className="fixed w-screen top-0 z-9999">
<Header toggleSidebar={toggleSidebar} />
<Sidebar isOpen={isOpen} toggleSidebar={toggleSidebar}/>
</div>

Write Preview
Loading…
Cancel
Save