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

use image path to render images

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

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

@@ -23,8 +23,8 @@
</div> </div>
<div class="container mx-auto"> <div class="container mx-auto">
<div class="flex flex-row justify-center"> <div class="flex flex-row justify-center">
<img src="assets/lavender-wisp.png" class="basis-1/2 max-w-40 lg:max-w-80"/> <img src="<%= image_path 'lavender-wisp.png' %>" class="basis-1/2 max-w-40 lg:max-w-80"/>
<img src="assets/lavender-wisp.png" class="basis-1/2 max-w-40 lg:max-w-80" style="transform: scaleX(-1)"/> <img src="<%= image_path 'lavender-wisp.png' %>" class="basis-1/2 max-w-40 lg:max-w-80" style="transform: scaleX(-1)"/>
</div> </div>
</div> </div>
<!-- Nav END --> <!-- Nav END -->
@@ -93,7 +93,7 @@
<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">
<img src="assets/love-park-small.png" class="lg:scale(0.7) lg:rounded-l-2xl" /> <img src="<%= image_path 'love-park-small.png' %>" class="lg:scale(0.7) lg:rounded-l-2xl" />
</div> </div>
<div class="basis-2/3"> <div class="basis-2/3">
<div class="w-fit mx-auto"> <div class="w-fit mx-auto">
@@ -111,7 +111,7 @@
</div> </div>
</div> </div>
<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="<%= image_path 'love-park-small.png' %>">
</div> </div>
<div id="accommodations" class="w-screen text-slate-900 lg:my-8 bg-[#92a084] lg:bg-[#fdfefe]"> <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">
@@ -121,7 +121,7 @@
</div> </div>
<div class="flex flex-col my-4 lg:flex-row lg:w-fit lg:mx-auto lg:my-12"> <div class="flex flex-col my-4 lg:flex-row lg:w-fit lg:mx-auto lg:my-12">
<div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12"> <div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
<img src="assets/home2.svg" class="w-16 h-16" /> <img src="<%= image_path 'home2.svg' %>" class="w-16 h-16" />
<div class="flex flex-col pl-2"> <div class="flex flex-col pl-2">
<a href="" class="text-3xl">Home2 Suites</a> <a href="" class="text-3xl">Home2 Suites</a>
<span>484-354-2985</span> <span>484-354-2985</span>
@@ -129,7 +129,7 @@
</div> </div>
</div> </div>
<div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12"> <div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
<img src="assets/residence-inn.svg" class="w-16 h-16" /> <img src="<%= image_path 'residence-inn.svg' %>" class="w-16 h-16" />
<div class="flex flex-col pl-2"> <div class="flex flex-col pl-2">
<a href="#" class="text-3xl">Residence Inn</a> <a href="#" class="text-3xl">Residence Inn</a>
<span class="text-xl">12 minutes away</span> <span class="text-xl">12 minutes away</span>
@@ -137,7 +137,7 @@
</div> </div>
</div> </div>
<div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12"> <div class="flex flex-row bg-[#fdfefe] rounded-lg mx-4 mt-4 px-4 py-4 items-center lg:p-12">
<img src="assets/hotel-warner.png" class="w-16 h-16 scale-y-50" /> <img src="<%= image_path 'hotel-warner.png' %>" class="w-16 h-16 scale-y-50" />
<div class="flex flex-col pl-2"> <div class="flex flex-col pl-2">
<span class="text-3xl">Hotel Warner</span> <span class="text-3xl">Hotel Warner</span>
<span class="text-xl">15 minutes away</span> <span class="text-xl">15 minutes away</span>

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

@@ -20,7 +20,7 @@
</head> </head>
<body> <body>
<div id="main-content" class="lg:bg-[#fdfefe]"/> <div id="main-content" class="lg:bg-[#fdfefe]">
<%= yield %> <%= yield %>
</div> </div>
<script> <script>