lhsazevedo/vuetify-admin-console

A work-in-progress Google Admin like dashboard app template using Vuetify

A work-in-progress Google Admin like dashboard app template

See it in action

Demo: https://lhsazevedo.github.io/vuetify-admin-console/

Features Roadmap

• Home
• Dashboard
• Action table
• User creation dialog
• Settings layout
• Internationalization

Packages and technologies used

• Vue.js framework
• Vue Router
• Vuetify component library
• Material Design Icons
• Icons8

vuetify-admin-console's Issues

Update page title

First Timers Only

We know figuring out the process for contributing to an open source project can be intimidating, so we created this issue as a way for you to learn the ropes. (If you feel comfortable contributing to open source projects, please leave this issue for someone else.)

Knowledge that you'll need: HTML.

What you will need to know

We need to update the HTML page title.

Current:
vuetify-google-admin

Desired:
Vuetify Admin Console

Step by step

• Claim this issue by adding a comment below. Please only claim this bug if you plan on starting work in the next day or so.
• If you are a new developer and you are wondering if you need to learn Git and GitHub then here is the answer: You Should've Learned Git Yesterday.
• Create a Git branch for making your changes.
• Look for the title tag in public/index.html and update its contents.
• Commit your changes.
• Push your changes to GitHub .
• Create a Pull Request. Mention closes Issue #5 in the description.
• Respond to your reviewer's comments (if any).

Once approved, your changes will be merged.

Questions?

If you have questions ask in this issue or on your Pull Request (if you've created one).

Convert logo text to path

The logo text needs to be converted to path because we can't rely on user system fonts

Adjust PanelCard title and description margin/padding

First Timers Only

We know figuring out the process for contributing to an open source project can be intimidating, so we created this issue as a way for you to learn the ropes. (If you feel comfortable contributing to open source projects, please leave this issue for someone else.)

Knowledge that you'll need: CSS.

What you will need to know

PanelCards's title padding-top and description margin-top are missing.

Current:

Google Admin:

Step by step

• Claim this issue by adding a comment below. Please only claim this bug if you plan on starting work in the next day or so.
• If you are a new developer and you are wondering if you need to learn Git and GitHub then here is the answer: You Should've Learned Git Yesterday.
• Create a Git branch for making your changes.
• Look for the class .panel-card__title in src\components\PanelCard\PanelCard.scss and add an 20px padding-top rule to it.
• Look for the class .panel-card__description in the same file and add an 4px margin-top rule to it.
• Commit your changes.
• Push your changes to GitHub .
• Create a Pull Request. Mention closes Issue #1 in the description.
• Respond to your reviewer's comments (if any).

Once approved, your changes will be merged.

Questions?

If you have questions ask in this issue or on your Pull Request (if you've created one).

Generate breadcrumbs from route path

The breadcrumbs should use v-breadcrumbs component with itens generated from the current route path.

Make DashTable header responsive

Title and actions containers should stack until 720px as below

Setup i18n