port of the new penguinui placing
This commit is contained in:
@@ -59,7 +59,7 @@
|
||||
class="fixed inset-y-0 left-0 z-40 flex w-60 flex-col border-r border-outline bg-surface-alt transition-transform duration-300 md:translate-x-0 dark:border-outline-dark dark:bg-surface-dark-alt">
|
||||
|
||||
{# Sidebar nav links — adapted from the vendored Penguin UI component
|
||||
assets/views/penguinui/sidebar/simple-sidebar.html: Penguin's link
|
||||
penguinui-components/sidebar/simple-sidebar.html: Penguin's link
|
||||
treatment (hover:bg-primary/5, focus-visible:underline) with the active
|
||||
state (bg-primary/10 + text-on-surface-strong) mapped onto our
|
||||
data-nav / aria-current so markActiveNav() keeps driving it. #}
|
||||
|
||||
@@ -153,7 +153,7 @@
|
||||
|
||||
<!-- toast notifications: fire from anywhere with toast('message').
|
||||
Adapted from the vendored Penguin UI component
|
||||
(assets/views/penguinui/toast-notification/stacking-toast-notification.html):
|
||||
(penguinui-components/toast-notification/stacking-toast-notification.html):
|
||||
the docs-only demo trigger buttons are omitted and the malformed quotes on
|
||||
the upstream dismiss-button <svg> tags are fixed. -->
|
||||
<div x-data="{
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{# Reusable UI macros adapted from vendored Penguin UI components.
|
||||
These are OUR adaptation layer; the byte-for-byte upstream sources live under
|
||||
assets/views/penguinui/. Tailwind sees the full literal class strings here
|
||||
penguinui-components/. Tailwind sees the full literal class strings here
|
||||
(assets/css/app.css has @source "../views"), so every branch must spell its
|
||||
classes out in full — never build class names by concatenation.
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
to kill the former ~100-line copy-paste duplication.
|
||||
|
||||
Adapted from the vendored Penguin UI component
|
||||
assets/views/penguinui/dropdowns/dropdown-with-click.html: Penguin's dropdown
|
||||
penguinui-components/dropdowns/dropdown-with-click.html: Penguin's dropdown
|
||||
menu container + item treatment. Deviations: kept our gear icon-only trigger
|
||||
and our core-Alpine open / @click.outside toggle (upstream's x-trap / $focus
|
||||
need the Alpine Focus plugin, which we don't bundle); item hover uses
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
{# Adapted from the vendored Penguin UI component
|
||||
(assets/views/penguinui/card/ecommerce-product-card.html):
|
||||
(penguinui-components/card/ecommerce-product-card.html):
|
||||
wired to our product data + i18n + htmx add-to-cart + toast. The demo rating
|
||||
stars, hardcoded title/price/description/image and the `max-w-sm` (which fights
|
||||
the shop grid) are dropped; the whole card links to the product page. #}
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
one of its subcategories.
|
||||
|
||||
Adapted from the vendored Penguin UI component
|
||||
assets/views/penguinui/sidebar/sidebar-with-collapsible-menus.html: Penguin's
|
||||
penguinui-components/sidebar/sidebar-with-collapsible-menus.html: Penguin's
|
||||
link treatment + active state + chevron-down rotation. Deviations: the group
|
||||
row keeps our link + toggle split (categories are navigable, not just
|
||||
expandable), and we use x-show/x-transition instead of upstream's x-collapse
|
||||
|
||||
Reference in New Issue
Block a user