search

directus / v8-archive

Directus Database API — Wraps Custom SQL Databases with a REST/GraphQL API
https://docs.directus.io/api/reference.html
505 stars 204 forks source link

Improve Responsive Layout for Mobile/Touch #2327

Open tech-andgar opened 4 years ago

tech-andgar commented 4 years ago

Great function directus, but somes views not working on mobile. Demo Mobile Directus implement view for mobile in future?

tech-andgar commented 4 years ago

@benhaynes I want to say out of great respect for your team this great UI development work.

I know good framework Quasar (Vue.JS) because I worked with this has support responsive web, PWA, Mobile App. You can see more information at this link: Home Framework Quasar Why Framework Quasar

I humbly think that implement UI Quasar Framework in Directus because it supports Vue.JS, ease of work with build mode (SPA, SSR, PWA, Mobile app, Desktop app) and Material Design 2.0.

rijkvanzanten commented 4 years ago

Appreciate the suggestion @andgar2010. Directus doesn't follow material design exactly, and we try to keep it as un-opinionated as possible. Relying on a framework like this is a curse and a blessing. On the one hand, it makes it super fast to whip together a layout, but on the other hand, it does limit your ability to style and layout exactly the way you want it. We're about to refactor a lot of the core components in use in Directus based on the APIs and general structure of Quasar/Vuetify/Etc to have the best of both worlds

Fusseldieb commented 3 years ago

Came here for the same!

Directus currently is not suited for mobile usage (portrait). The "info-sidebar" comes into the way and the table is cut off or scrolls horizontally.

I know there is a custom .css and I'm using just that to mitigate the issue a little bit, but it's not as easy at it seems

Saw the pre-release and can safely say that it's a lot more optimized for mobile!