Skip to content

Commit 371abf5

Browse files
committed
Remove Bootstrap classes from property forms and 404 pages
Convert remaining high-priority views from Bootstrap to Tailwind: Property views: - _request_prop_info.html.erb: Convert panel/form-group to Tailwind - not_found.html.erb: Convert container/row/col-* to centered layout Error pages: - page_not_found.html.erb: Add proper 404 styling with Tailwind These views had Bootstrap grid classes (row, col-md-*, etc) but no Bootstrap CSS loaded. Now properly styled with Tailwind CSS. Note: Error views in app/views/pwb/errors/ already use Tailwind. Part of Bootstrap deprecation cleanup (HIGH PRIORITY files complete).
1 parent 929eecc commit 371abf5

File tree

3 files changed

+41
-37
lines changed

3 files changed

+41
-37
lines changed

app/views/pwb/page_not_found.html.erb

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,16 @@
11
<!-- MAIN CONTENT -->
2-
<section class="slice bg-white bb">
3-
<div class="wp-section estate">
4-
<div class="container">
5-
<div class="row">
6-
<div class="col-md-9" style="min-height:300px;">
7-
<h2>
8-
<%= t "pageNotFound" %>
9-
</h2>
10-
</div>
2+
<section class="min-h-screen flex items-center justify-center bg-gray-50">
3+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
4+
<div class="text-center">
5+
<div class="bg-white shadow-md rounded-lg px-8 py-12">
6+
<div class="text-6xl font-bold text-gray-300 mb-4">404</div>
7+
<h2 class="text-3xl font-bold text-gray-900 mb-4">
8+
<%= t "pageNotFound" %>
9+
</h2>
10+
<p class="text-gray-600 mb-6">
11+
The page you're looking for doesn't exist or has been moved.
12+
</p>
13+
<%= link_to "← Back to Home", root_path, class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" %>
1114
</div>
1215
</div>
1316
</div>

app/views/pwb/props/_request_prop_info.html.erb

Lines changed: 18 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,49 @@
1-
<div class="panel panel-default panel-sidebar-1">
2-
<div class="panel-heading">
3-
<h2>
1+
<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
2+
<div class="mb-6">
3+
<h2 class="text-xl font-semibold text-gray-900">
44
<%= I18n.t("requestPropertyInfo") %>
55
</h2>
66
</div>
7-
<div class="panel-body">
7+
<div>
88

99
<%= form_for :contact, :url => '/request_property_info.js', :method => 'post',
10-
:html => { :class => 'form-light mi_form' }, :remote => true do |f| %>
10+
:html => { :class => 'space-y-4' }, :remote => true do |f| %>
1111

12-
<p style="display:none;">
12+
<p class="hidden">
1313
<%= 'solicite_info' %>
1414
</p>
1515
<%= f.hidden_field :locale, :value => I18n.locale %>
1616
<%= f.hidden_field :property_id, :value => @property_details.id %>
1717

18-
<div class="form-group fila_form">
18+
<div class="space-y-1">
1919

2020
<%= simple_inmo_input f, "name", "name", "text", true %>
2121
</div>
22-
<div class="form-group fila_form">
22+
<div class="space-y-1">
2323
<%= simple_inmo_input f, "email", "email", "email", true %>
2424
</div>
2525

26-
<div class="form-group fila_form">
26+
<div class="space-y-1">
2727
<%= simple_inmo_input f, "tel", "tel", "text", false %>
2828
</div>
2929

30-
<div class="form-group fila_form">
30+
<div class="space-y-1">
3131
<%= simple_inmo_textarea f, "message", "message", "text", false %>
3232
</div>
3333

34-
<div class="row">
35-
<div class="col-sm-12">
34+
<div class="space-y-3">
35+
<div>
3636
<div id="request-info-result"></div>
3737
</div>
38-
<div class="col-sm-12">
39-
<button type="submit" class="btn fondo_accion width100"><%= icon(:email, size: :sm) %>
40-
<%= I18n.t("send") %>
38+
<div>
39+
<button type="submit" class="w-full flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
40+
<%= icon(:email, size: :sm) %>
41+
<span class="ml-2"><%= I18n.t("send") %></span>
4142
</button>
4243
</div>
4344
</div>
44-
<div class="row">
45-
<div class="col-sm-12">
46-
<div id="resp_enviar"></div>
47-
</div>
45+
<div>
46+
<div id="resp_enviar"></div>
4847
</div>
4948
<% end %>
5049

app/views/pwb/props/not_found.html.erb

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,15 @@
11
<!-- MAIN CONTENT -->
2-
<section class="slice bg-white bb">
3-
<div class="wp-section estate">
4-
<div class="container">
5-
<div class="row">
6-
<div class="col-md-9" style="min-height:300px;">
7-
<h2>
8-
<%= t "propertyNotFound" %>
9-
</h2>
10-
</div>
2+
<section class="min-h-screen flex items-center justify-center bg-gray-50">
3+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
4+
<div class="text-center">
5+
<div class="bg-white shadow-md rounded-lg px-8 py-12">
6+
<h2 class="text-3xl font-bold text-gray-900 mb-4">
7+
<%= t "propertyNotFound" %>
8+
</h2>
9+
<p class="text-gray-600 mb-6">
10+
The property you're looking for doesn't exist or has been removed.
11+
</p>
12+
<%= link_to "← Back to Properties", root_path, class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500" %>
1113
</div>
1214
</div>
1315
</div>

0 commit comments

Comments
 (0)