Fix responsiveness fail x overflow hidden

Raccoon254 · Jun 24, 2024 · 2768719 · 2768719
1 parent 3a650a6
commit 2768719
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 8 deletions.
diff --git a/app/Livewire/PriceCalculator.php b/app/Livewire/PriceCalculator.php
@@ -63,6 +63,7 @@ public function showPriceModal(): void
             'word_count' => 'required|numeric|min:1',
             'deadline' => 'required|date|after:today'
         ]);
+
         $this->calculatePrice();
         $this->showModal = true;
         $this->dispatch('toggleModal', true);

diff --git a/resources/views/components/logged-out.blade.php b/resources/views/components/logged-out.blade.php
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<html class="w-full overflow-x-hidden" lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -49,7 +49,7 @@
     <meta name="robots" content="index, follow">
 
 </head>
-<body class="font-sans text-black/80 min-h-screen flex justify-between flex-col bg-gray-50 antialiased">
+<body class="font-sans text-black/80 w-full overflow-x-hidden min-h-screen flex justify-between flex-col bg-gray-50 antialiased">
 @include('layouts.navigation.logged-out')
 @include('session.alerts')
 {{ $slot }}

diff --git a/resources/views/layouts/navigation/logged-out.blade.php b/resources/views/layouts/navigation/logged-out.blade.php
@@ -1,5 +1,5 @@
-<nav class="bg-gray-100">
-    <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-4">
+<nav class="bg-gray-100 w-full overflow-x-hidden">
+    <div class="px-4 sm:px-6 lg:px-8 py-4">
         <div class="flex justify-between items-center">
             <div class="flex items-center gap-2">
                 <x-application-logo class="h-8"/>

diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
@@ -3,11 +3,9 @@
         Home - Premium Essay Writing Services for College Students
     </x-slot>
     <div class="bg-gray-50">
-        <div class="container mx-auto py-12 px-4 sm:px-6 lg:px-8">
+        <div class="py-12 px-4 sm:px-6 lg:px-8">
             <div class="flex px-1 sm:px-4 lg:px-8 flex-col md:flex-row items-center justify-between">
                 <div class="text-center sm:w-2/3 relative md:text-left">
-                    <img src="{{ asset('images/svg2.png') }}" alt="Hero"
-                         class="w-64 hidden -top-16 opacity-50 right-0 absolute rounded-lg">
                     <div class="top-0 left-0 w-full h-full flex flex-col justify-center">
                         <section class="mb-4 text-left">
                             <header class="mb-4">
@@ -42,7 +40,7 @@ class="bg-blue-500 text-white/90 hover:bg-blue-600 font-semibold py-2 pl-2 round
                         </div>
                     </div>
                 </div>
-                <div class="mt-8 p-4 md:mt-0">
+                <div class="mt-8 md:mt-0">
                     <livewire:PriceCalculator/>
                 </div>
             </div>