Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Break-point of collapsible panel #1735

Closed
MichaelSchmidle opened this issue May 2, 2024 · 1 comment
Closed

Break-point of collapsible panel #1735

MichaelSchmidle opened this issue May 2, 2024 · 1 comment
Labels
enhancement New feature or request pro

Comments

@MichaelSchmidle
Copy link

MichaelSchmidle commented May 2, 2024

Description

According to the docs, the ui config for UDashboardPanel looks like this:

{
  wrapper: 'flex-col items-stretch relative w-full',
  border: 'border-b lg:border-b-0 lg:border-r border-gray-200 dark:border-gray-800 lg:w-[--width] flex-shrink-0',
  grow: 'flex-1',
  collapsible: 'hidden lg:flex',
  slideover: 'lg:hidden'
}

The ui attribute for UDashboardPanel however only exposes this:

(property) ui?: Partial<{
    wrapper: string;
    border: string;
    grow: string;
}> | undefined

In other words, collapsible and slideover can't be configured. Why would I need that: To control the break-point. In my case, I'd like one panel to only become visible (i.e., flex) at the xl break-point, not at lg.

Not sure if this is a bug or intentional behavior?

Additional context

No response

@MichaelSchmidle MichaelSchmidle added the enhancement New feature or request label May 2, 2024
Copy link
Member

This has been implemented in https://github.com/nuxt/ui-pro/commit/d27cbf55d50a9805ca1190f6cad421565db0a980 but not released yet. Will try to make a release next week :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request pro
Projects
None yet
Development

No branches or pull requests

2 participants