Skip to content

Commit 0649006

Browse files
etewiahclaude
andcommitted
Add Flowbite JS and responsive CSS overrides to page_part layout
- Add Flowbite JS CDN (2.3.0) to match the CSS version - Add @media overrides for md:flex, md:block, etc. to ensure Tailwind responsive utilities win over any global .hidden rules - Belt-and-suspenders fix for responsive menu visibility 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1 parent 9a4d0ad commit 0649006

File tree

1 file changed

+13
-0
lines changed

1 file changed

+13
-0
lines changed

app/views/layouts/pwb/page_part.html.erb

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,17 @@
1414
%>
1515
<%= stylesheet_link_tag tailwind_file, "data-turbo-track": "reload" %>
1616
<link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.css" rel="stylesheet" />
17+
<!-- Override Flowbite's global .hidden !important so Tailwind responsive display utilities win -->
18+
<style>
19+
@media (min-width: 48rem) {
20+
.md\:flex { display: flex !important; }
21+
.md\:block { display: block !important; }
22+
.md\:inline { display: inline !important; }
23+
.md\:inline-flex { display: inline-flex !important; }
24+
.md\:grid { display: grid !important; }
25+
.md\:table-cell { display: table-cell !important; }
26+
}
27+
</style>
1728
<%
1829
case theme_name
1930
when 'brisbane'
@@ -32,5 +43,7 @@
3243
<div class="page-part-container">
3344
<%= yield %>
3445
</div>
46+
<!-- Flowbite JS (matches CSS version 2.3.0) -->
47+
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
3548
</body>
3649
</html>

0 commit comments

Comments
 (0)