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

feat!: replace Vuetify with in-house components #2539

Draft
wants to merge 6 commits into
base: master
Choose a base branch
from
Draft

Conversation

ferferga
Copy link
Member

@ferferga ferferga commented Dec 19, 2024

As it's been mentioned multiple times, Vuetify is proving to be a blocking point for rolling a better design (as discused in Matrix UI/UX rooms) and some issues (#2028 and #20436).
This PR might not introduce any of the design elements that have been talked about in that Matrix room or in our Figma, but this is going to be the starting point for all of this.

Checklist

This is the checklist of all the components we're currently using. Some of them will be replaced by alternatives with different names or the new name's behaviour might not be a 1:1 copy of Vuetify. There are also some components that might be replaced/removed from the codebase without a new component (VCardSubtitle and VCardText are good examples, those could be replaced with slots)

  • VAlert
  • VApp
  • VAppBar
  • VAppBarNavIcon
  • VAvatar
  • VBtn
  • VCard
  • VCardActions
  • VCardSubtitle
  • VCardText
  • VCardTitle
  • VCheckbox
  • VCheckboxBtn
  • VChip
  • VCol
  • VCombobox
  • VContainer
  • VDialog
  • VDivider
  • VExpansionPanel
  • VExpansionPanels
  • VExpansionPanelText
  • VFooter
  • VForm
  • VIcon
  • VItemGroup
  • VList
  • VListItem
  • VListItemAction
  • VListItemSubtitle
  • VListItemTitle
  • VListSubheader
  • VMain (renamed to JView)
  • VMenu
  • VNavigationDrawer
  • VOverlay
  • VProgressCircular
  • VProgressLinear
  • VResponsive
  • VRow
  • VSelect
  • VSlideGroup
  • VSlideGroupItem
  • VSlider
  • VSnackbar
  • VSpacer
  • VSwitch
  • VTab
  • VTable
  • VTabs
  • VTextarea
  • VTextField
  • VToolbar
  • VToolbarTitle
  • VTooltip
  • VWindow
  • VWindowItem

@jellyfin-bot
Copy link

jellyfin-bot commented Dec 19, 2024

Cloudflare Pages deployment

Latest commit 862325f
Status ✅ Deployed!
Preview URL https://a3f1b935.jf-vue.pages.dev
Preview alias https://framework.jf-vue.pages.dev
Type 🔀 Preview

View build logs

Also replace VOverlay with it

Signed-off-by: Fernando Fernández <[email protected]>
Signed-off-by: Fernando Fernández <[email protected]>
Signed-off-by: Fernando Fernández <[email protected]>
Signed-off-by: Fernando Fernández <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
vue Pull requests that edit or add Vue files
Projects
Status: In progress
Development

Successfully merging this pull request may close these issues.

2 participants