kbe/aperonight
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

Setup container system for all pages with max-width constraint while maintaining full-width backgrounds

Browse Source 
Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
kbe
2025-09-08 18:34:00 +02:00
parent 4b671a211b
commit c5c64a87b8
9 changed files with 15 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/views/pages/dashboard.html.erb
View File

@@ -1,4 +1,4 @@
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-8">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
<!-- Page Header -->
<div class="mb-8">
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">

14
app/views/pages/home.html.erb
View File

@@ -1,11 +1,11 @@
<% content_for :title, "Aperonight - Découvrez les meilleurs événements après-travail" %>
<!-- Hero Section -->
<section class="relative bg-gradient-primary min-h-screen flex items-center overflow-hidden">
<section class="relative bg-gradient-primary flex items-center overflow-hidden">
<!-- Background overlay -->
<div class="absolute inset-0 bg-black bg-opacity-30 z-10"></div>
<div class="relative z-20 container mx-auto px-4 py-16 lg:py-24">
<div class="relative z-20 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-16 lg:py-24">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<!-- Hero Content -->
<div class="text-center lg:text-left text-white">
@@ -68,7 +68,7 @@
<!-- Featured Events Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<!-- Section Header -->
<div class="text-center mb-12">
<h2 class="text-3xl lg:text-4xl font-bold text-gray-900 mb-4">
@@ -173,7 +173,7 @@
<!-- Site Metrics Section -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold text-gray-900 mb-4">
LA PLATEFORME DE RÉFÉRENCE
@@ -219,8 +219,8 @@
<section class="py-16 bg-gray-900 relative overflow-hidden">
<!-- Background decoration -->
<div class="absolute inset-0 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900"></div>
<div class="relative container mx-auto px-4 text-center">
<div class="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 class="text-3xl lg:text-4xl font-bold text-white mb-6">
Prêt à découvrir votre prochain événement ?
</h2>