Skip to content

Commit

Permalink
Replace x-uncloak-md class with pure Tailwind
Browse files Browse the repository at this point in the history
  • Loading branch information
caendesilva committed Nov 15, 2024
1 parent 7fa3711 commit d621ffc
Show file tree
Hide file tree
Showing 3 changed files with 4 additions and 5 deletions.
1 change: 1 addition & 0 deletions HydeFront-v4-plan.md
Original file line number Diff line number Diff line change
Expand Up @@ -121,3 +121,4 @@ This plan maintains backward compatibility through the CDN while providing a mor
Lists all the changes made to the codebase to implement the new component system in order to make the changelog later on, and to keep track of the changes.

- Remove x-cloak style from app CSS as we have it in the head HTML
- Removed x-uncloak-md class, replaced with pure Tailwind
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,9 @@
</button>
</div>

<div id="main-navigation-links" class="w-full x-uncloak-md md:flex flex-grow md:flex-grow-0 md:items-center md:w-auto px-6 -mx-4 border-t mt-3 pt-3 md:border-none md:mt-0 md:py-0 border-gray-200 dark:border-gray-700"
:class="navigationOpen ? '' : 'hidden'" x-cloak>
<div id="main-navigation-links"
class="w-full hidden md:flex flex-grow md:flex-grow-0 md:items-center md:w-auto px-6 -mx-4 border-t mt-3 pt-3 md:border-none md:mt-0 md:py-0 border-gray-200 dark:border-gray-700"
:class="navigationOpen ? '!block' : ''">
<ul aria-label="Navigation links" class="md:flex-grow md:flex justify-end">
@foreach ($navigation->getItems() as $item)
<li class="md:mx-2">
Expand Down
3 changes: 0 additions & 3 deletions packages/hydefront/sass/utilities/alpine.scss
Original file line number Diff line number Diff line change
@@ -1,3 +0,0 @@
@media screen and (min-width: 768px) {
[x-cloak].x-uncloak-md { display: revert !important; }
}

0 comments on commit d621ffc

Please sign in to comment.