lfg2025/indee-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change mobile side margins to 16px (px-4)

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Dorian
2026-02-02 23:56:38 +00:00
parent 9eb659cfc9
commit 6e9f4f1f8e
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ContentRow.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="content-row"> <div class="content-row">
<h2 class="text-xl md:text-2xl font-semibold text-white mb-4 px-6"> <h2 class="text-xl md:text-2xl font-semibold text-white mb-4 px-4">
{{ title }} {{ title }}
</h2> </h2>
@@ -19,7 +19,7 @@
<!-- Content Slider --> <!-- Content Slider -->
<div <div
ref="sliderRef" ref="sliderRef"
class="flex gap-8 overflow-x-auto overflow-y-visible scrollbar-hide scroll-smooth px-6 pt-6 pb-8" class="flex gap-8 overflow-x-auto overflow-y-visible scrollbar-hide scroll-smooth px-4 pt-6 pb-8"
@scroll="handleScroll" @scroll="handleScroll"
> >
<div <div

2
src/components/MobileNav.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<nav class="mobile-nav fixed bottom-0 left-0 right-0 z-50 md:hidden pb-4 px-6"> <nav class="mobile-nav fixed bottom-0 left-0 right-0 z-50 md:hidden pb-4 px-4">
<div class="floating-glass-nav px-4 py-3 rounded-2xl"> <div class="floating-glass-nav px-4 py-3 rounded-2xl">
<div class="flex items-center justify-around gap-1"> <div class="flex items-center justify-around gap-1">
<button <button

6
src/views/Browse.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="browse-view"> <div class="browse-view">
<!-- Header / Navigation --> <!-- Header / Navigation -->
<header class="fixed top-0 left-0 right-0 z-50 pt-4 px-6"> <header class="fixed top-0 left-0 right-0 z-50 pt-4 px-4">
<div class="floating-glass-header mx-auto px-4 md:px-6 py-3.5 rounded-2xl transition-all duration-300" style="max-width: 100%;"> <div class="floating-glass-header mx-auto px-4 md:px-6 py-3.5 rounded-2xl transition-all duration-300" style="max-width: 100%;">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<!-- Logo --> <!-- Logo -->
@@ -47,7 +47,7 @@
</div> </div>
<!-- Hero Content --> <!-- Hero Content -->
<div class="relative mx-auto px-6 md:px-8 h-full flex items-center pt-16" style="max-width: 90%;"> <div class="relative mx-auto px-4 md:px-8 h-full flex items-center pt-16" style="max-width: 90%;">
<div class="max-w-2xl space-y-2.5 md:space-y-3 animate-fade-in"> <div class="max-w-2xl space-y-2.5 md:space-y-3 animate-fade-in">
<!-- Title --> <!-- Title -->
<h1 class="w-full text-3xl md:text-5xl lg:text-6xl font-bold drop-shadow-2xl leading-tight uppercase" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700;"> <h1 class="w-full text-3xl md:text-5xl lg:text-6xl font-bold drop-shadow-2xl leading-tight uppercase" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700;">
@@ -87,7 +87,7 @@
</section> </section>
<!-- Content Rows --> <!-- Content Rows -->
<section class="relative pt-8 pb-20 px-6"> <section class="relative pt-8 pb-20 px-4">
<div class="mx-auto space-y-12"> <div class="mx-auto space-y-12">
<!-- Featured Films --> <!-- Featured Films -->