adam/weddingplan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix some responsiveness

Browse Source
This commit is contained in:
Adam Mohammed
2024-11-18 22:01:12 -05:00
parent a809ce1743
commit 97a094f56d
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/views/home/index.html.erb
View File

@@ -11,7 +11,7 @@
</div> </div>
<nav class="flex items-center justify-between flex-wrap pt-12 z-30"> <nav class="flex items-center justify-between flex-wrap pt-12 z-30">
<div class="bg-[#a99dab] w-full block flex-grow lg:hidden"> <div class="bg-[#a99dab] w-full block flex-grow lg:hidden">
<div id="nav-links" class="text-xl max-md:hidden flex flex-col pl-4 lg:flex-row lg:mr-4"> <div id="nav-links" class="text-xl max-lg:hidden flex flex-col pl-4 lg:flex-row lg:mr-4">
<a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Our Story</a> <a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Our Story</a>
<a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a> <a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Ceremony & Reception</a>
<a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a> <a href="#accommodations" class="block mt-4 lg:inline-block lg:mt-0 hover:text-white mr-24">Accommodations</a>
@@ -44,7 +44,7 @@
<div class="text-xl px-4 lg:text-2xl">June 7, 2025 • West Chester, PA</div> <div class="text-xl px-4 lg:text-2xl">June 7, 2025 • West Chester, PA</div>
</div> </div>
<div class="w-full block flex-grow max-md:hidden lg:flex lg:w-auto lg:justify-center lg:pb-4 lg:pt-4 lg:border-t lg:border-b"> <div class="w-full block flex-grow max-lg:hidden lg:flex lg:w-auto lg:justify-center lg:pb-4 lg:pt-4 lg:border-t lg:border-b">
<div id="nav-links-lg" class="text-xl flex flex-col lg:flex-row lg:mr-4"> <div id="nav-links-lg" class="text-xl flex flex-col lg:flex-row lg:mr-4">
<a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Our Story</a> <a href="#our-story" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Our Story</a>
<a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Ceremony & Reception</a> <a href="#ceremony" class="block mt-4 lg:inline-block lg:mt-0 hover:text-slate-500 mr-24">Ceremony & Reception</a>
@@ -89,7 +89,7 @@
</ol> </ol>
</div> </div>
</div> </div>
<div id="ceremony" class="w-screen bg-[#ddd3be] lg:bg-[#fdfefe] lg:my-8"> <div id="ceremony" class="w-screen bg-[#d2b4de] lg:bg-[#fdfefe] lg:my-8">
<div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl bg-[#d2b4de] lg:shadow-2xl"> <div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl bg-[#d2b4de] lg:shadow-2xl">
<div class="flex flex-col lg:flex-row lg:space-x-4"> <div class="flex flex-col lg:flex-row lg:space-x-4">
<div class="basis-1/3 max-md:hidden"> <div class="basis-1/3 max-md:hidden">
@@ -113,7 +113,7 @@
<div class="container mx-auto flex flex-row justify-center md:hidden lg:hidden"> <div class="container mx-auto flex flex-row justify-center md:hidden lg:hidden">
<img src="assets/love-park-small.png"> <img src="assets/love-park-small.png">
</div> </div>
<div id="accommodations" class="w-screen text-slate-900 lg:my-8"> <div id="accommodations" class="w-screen text-slate-900 lg:my-8 bg-[#92a084] lg:bg-[#fdfefe]">
<div class="container mx-auto bg-[#92a084] lg:rounded-2xl pt-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4"> <div class="container mx-auto bg-[#92a084] lg:rounded-2xl pt-4 lg:mt-4 lg:pb-2 lg:shadow-2xl lg:mb-4">
<div class="w-fit mx-auto lg:flex lg:flex-row lg:justify-center lg:items-center"> <div class="w-fit mx-auto lg:flex lg:flex-row lg:justify-center lg:items-center">
<!-- <span class="text-7xl pl-4">🛏️</span> --> <!-- <span class="text-7xl pl-4">🛏️</span> -->

2
app/views/layouts/application.html.erb
View File

@@ -27,7 +27,7 @@
var burgerMenu = document.getElementById('burger-menu'); var burgerMenu = document.getElementById('burger-menu');
var navLinks = document.getElementById('nav-links'); var navLinks = document.getElementById('nav-links');
burgerMenu.addEventListener('click', function() { burgerMenu.addEventListener('click', function() {
navLinks.classList.toggle("max-md:hidden"); navLinks.classList.toggle("max-lg:hidden");
}); });
</script> </script>