├── .editorconfig ├── .gitattributes ├── .github ├── FUNDING.yml ├── ISSUE_TEMPLATE │ ├── bug_report.md │ ├── config.yml │ └── feature_request.md ├── dependabot.yml ├── pull_request_template.md └── workflows │ └── dependabot-pnpm.yaml ├── .gitignore ├── .npmrc ├── CONTRIBUTING.md ├── LICENSE ├── README.md ├── app.vue ├── assets ├── README.md ├── images │ ├── bg │ │ └── 4853433.jpg │ ├── faces │ │ ├── 1.jpg │ │ ├── 2.jpg │ │ ├── 3.jpg │ │ ├── 4.jpg │ │ ├── 5.jpg │ │ ├── 6.jpg │ │ ├── 7.jpg │ │ └── 8.jpg │ ├── logo │ │ └── logo.png │ └── samples │ │ ├── 1.png │ │ ├── 2.png │ │ ├── 3.png │ │ ├── 4.png │ │ ├── architecture1.jpg │ │ ├── banana.jpg │ │ ├── bg-mountain.jpg │ │ ├── building.jpg │ │ ├── error-403.png │ │ ├── error-404.png │ │ ├── error-500.png │ │ ├── jump.jpg │ │ ├── motorcycle.jpg │ │ ├── origami.jpg │ │ └── water.jpg ├── scss │ ├── _mazer.scss │ ├── _utilities.scss │ ├── _variables.scss │ ├── app.scss │ ├── bootstrap.scss │ ├── components │ │ ├── _alert.scss │ │ ├── _avatar.scss │ │ ├── _badge.scss │ │ ├── _breadcrumb.scss │ │ ├── _buttons.scss │ │ ├── _card.scss │ │ ├── _carousel.scss │ │ ├── _divider.scss │ │ ├── _dropdowns.scss │ │ ├── _forms.scss │ │ ├── _icons.scss │ │ ├── _modal.scss │ │ ├── _navbar.scss │ │ ├── _navs.scss │ │ ├── _pagination.scss │ │ ├── _progress.scss │ │ ├── _sidebar.scss │ │ └── _table.scss │ ├── iconly.scss │ ├── layouts │ │ └── main.scss │ ├── mixins │ │ └── _navbar.scss │ ├── pages │ │ ├── auth.scss │ │ ├── chat.scss │ │ ├── datatables.scss │ │ ├── dripicons.scss │ │ ├── email.scss │ │ ├── error.scss │ │ ├── form-element-select.scss │ │ ├── simple-datatables.scss │ │ └── summernote.scss │ ├── themes │ │ └── dark │ │ │ ├── _mazer-dark.scss │ │ │ ├── _root.scss │ │ │ ├── _variables-dark.scss │ │ │ └── app-dark.scss │ └── widgets │ │ ├── chat.scss │ │ └── todo.scss └── vendors │ ├── bootstrap-icons │ ├── bootstrap-icons.css │ ├── bootstrap-icons.json │ ├── bootstrap-icons.scss │ ├── fonts │ │ ├── bootstrap-icons.woff │ │ └── bootstrap-icons.woff2 │ └── index.html │ ├── iconly │ ├── bold.css │ ├── broken.css │ ├── bulk.css │ └── fonts │ │ ├── Iconly---Bold.eot │ │ ├── Iconly---Bold.svg │ │ ├── Iconly---Bold.ttf │ │ ├── Iconly---Bold.woff │ │ ├── Iconly-Broken.eot │ │ ├── Iconly-Broken.svg │ │ ├── Iconly-Broken.ttf │ │ ├── Iconly-Broken.woff │ │ ├── Iconly-bulk.eot │ │ ├── Iconly-bulk.svg │ │ ├── Iconly-bulk.ttf │ │ ├── Iconly-bulk.woff │ │ └── Iconly-light.eot │ ├── perfect-scrollbar │ └── css │ │ └── perfect-scrollbar.css │ └── svg-loaders │ ├── audio.svg │ ├── ball-triangle.svg │ ├── bars.svg │ ├── circles.svg │ ├── grid.svg │ ├── hearts.svg │ ├── oval.svg │ ├── puff.svg │ ├── rings.svg │ ├── spinning-circles.svg │ ├── tail-spin.svg │ └── three-dots.svg ├── components ├── Layouts │ ├── LayoutFooter.vue │ ├── LayoutHeader.vue │ ├── Sidebar │ │ ├── Dark.vue │ │ ├── LayoutSidebar.vue │ │ └── SidebarItem.vue │ └── VerticalHeader.vue └── README.md ├── layouts ├── 1-column.vue ├── README.md ├── default.vue ├── error.vue └── vertical.vue ├── middleware └── README.md ├── nuxt.config.ts ├── package.json ├── pages ├── README.md ├── [...slug].vue ├── components │ ├── Accordion.vue │ ├── Collapse.vue │ ├── ListGroup.vue │ ├── Toasts.vue │ ├── alert.vue │ ├── badge.vue │ ├── breadcrumb.vue │ ├── button.vue │ ├── card.vue │ ├── carousel.vue │ ├── dropdown.vue │ ├── modal.vue │ ├── navs.vue │ ├── pagination.vue │ ├── progress.vue │ ├── spinner.vue │ └── tooltip.vue ├── index.vue └── layouts │ ├── 1-column.vue │ ├── default.vue │ ├── horizontal-menu.vue │ ├── rtl.vue │ └── vertical.vue ├── plugins ├── README.md ├── apexcharts.client.ts └── bootstrap.client.ts ├── pnpm-lock.yaml ├── public ├── README.md └── favicon.ico ├── store ├── README.md ├── data │ └── sidebarItems.ts └── index.ts ├── tea.yaml └── tsconfig.json /.editorconfig: -------------------------------------------------------------------------------- 1 | # EditorConfig helps developers define and maintain consistent 2 | # coding styles between different editors and IDEs 3 | # editorconfig.org 4 | 5 | root = true 6 | 7 | [*] 8 | 9 | indent_style = space 10 | indent_size = 2 11 | end_of_line = lf 12 | charset = utf-8 13 | trim_trailing_whitespace = true 14 | insert_final_newline = true 15 | -------------------------------------------------------------------------------- /.gitattributes: -------------------------------------------------------------------------------- 1 | **/**.vue linguist-vendored 2 | **/**.scss linguist-vendored 3 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: [zuramai, fzn0x] 4 | open_collective: mazer 5 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: 🐛 Bug report 3 | about: Create a bug report related to UI or dependencies vulnerability report. 4 | title: "" 5 | labels: "bug" 6 | assignees: "fzn0x" 7 | --- 8 | 9 | ## Bug 10 | 11 | ### 🐛 Bug Description 12 | 13 | 14 | 15 | ### 😃 Expectation 16 | 17 | 18 | 19 | 20 | 21 | *Indicate your interest in the resolution of this issue by adding the 👍 reaction. Comments such as "+1" will be removed.* 22 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: false 2 | contact_links: 3 | - name: Mazer Official Repository 4 | url: https://github.com/fzn0x/mazer-nuxt 5 | about: Check out the Mazer repository 6 | - name: Mazer Nuxt Discussions 7 | url: https://github.com/fzn0x/mazer-nuxt/discussions 8 | about: 💬 Help & Questions 9 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: 🚀 Feature request 3 | about: Create a fresh idea related to UI and UX. 4 | title: "" 5 | labels: "feature" 6 | assignees: "fzn0x" 7 | --- 8 | 9 | ## Bug 10 | 11 | ### 🚀 Feature Description 12 | 13 | 14 | 15 | ### 😃 Expectation 16 | 17 | 18 | 19 | 20 | 21 | *Indicate your interest in the resolution of this issue by adding the 👍 reaction. Comments such as "+1" will be removed.* 22 | -------------------------------------------------------------------------------- /.github/dependabot.yml: -------------------------------------------------------------------------------- 1 | version: 2 2 | updates: 3 | # Fetch and update latest `npm` packages 4 | - package-ecosystem: npm 5 | directory: '/' 6 | schedule: 7 | interval: daily 8 | time: '00:00' 9 | open-pull-requests-limit: 10 10 | reviewers: 11 | - fauzan121002 12 | assignees: 13 | - fauzan121002 14 | commit-message: 15 | prefix: fix 16 | prefix-development: chore 17 | include: scope 18 | -------------------------------------------------------------------------------- /.github/pull_request_template.md: -------------------------------------------------------------------------------- 1 | 6 | 7 | ## Description 8 | 9 | 10 | 11 | 12 | 13 | ## Todos 14 | 15 | - [ ] 16 | -------------------------------------------------------------------------------- /.github/workflows/dependabot-pnpm.yaml: -------------------------------------------------------------------------------- 1 | name: Dependabot 2 | on: pull_request_target 3 | permissions: read-all 4 | jobs: 5 | update-lockfile: 6 | runs-on: ubuntu-latest 7 | if: ${{ github.actor == 'dependabot[bot]' }} 8 | permissions: 9 | pull-requests: write 10 | contents: write 11 | steps: 12 | - uses: pnpm/action-setup@v2 13 | with: 14 | version: ^7 15 | - uses: actions/checkout@v3 16 | with: 17 | ref: ${{ github.event.pull_request.head.ref }} 18 | - run: pnpm i --lockfile-only 19 | - run: | 20 | git config --global user.name github-actions[bot] 21 | git config --global user.email github-actions[bot]@users.noreply.github.com 22 | git add pnpm-lock.yaml 23 | git commit -m "Update pnpm-lock.yaml" 24 | git push 25 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Created by .ignore support plugin (hsz.mobi) 2 | ### Node template 3 | # Logs 4 | /logs 5 | *.log 6 | npm-debug.log* 7 | yarn-debug.log* 8 | yarn-error.log* 9 | .nuxt 10 | 11 | # Runtime data 12 | pids 13 | *.pid 14 | *.seed 15 | *.pid.lock 16 | 17 | # Directory for instrumented libs generated by jscoverage/JSCover 18 | lib-cov 19 | 20 | # Coverage directory used by tools like istanbul 21 | coverage 22 | 23 | # nyc test coverage 24 | .nyc_output 25 | 26 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 27 | .grunt 28 | 29 | # Bower dependency directory (https://bower.io/) 30 | bower_components 31 | 32 | # node-waf configuration 33 | .lock-wscript 34 | 35 | # Compiled binary addons (https://nodejs.org/api/addons.html) 36 | build/Release 37 | 38 | # Dependency directories 39 | node_modules/ 40 | jspm_packages/ 41 | 42 | # TypeScript v1 declaration files 43 | typings/ 44 | 45 | # Optional npm cache directory 46 | .npm 47 | 48 | # Optional eslint cache 49 | .eslintcache 50 | 51 | # Optional REPL history 52 | .node_repl_history 53 | 54 | # Output of 'npm pack' 55 | *.tgz 56 | 57 | # Yarn Integrity file 58 | .yarn-integrity 59 | 60 | # dotenv environment variables file 61 | .env 62 | 63 | # parcel-bundler cache (https://parceljs.org/) 64 | .cache 65 | 66 | # next.js build output 67 | .next 68 | 69 | # nuxt.js build output 70 | .nuxt 71 | .output 72 | 73 | # Nuxt generate 74 | dist 75 | 76 | # vuepress build output 77 | .vuepress/dist 78 | 79 | # Serverless directories 80 | .serverless 81 | 82 | # IDE / Editor 83 | .idea 84 | 85 | # Service worker 86 | sw.* 87 | 88 | # macOS 89 | .DS_Store 90 | 91 | # Vim swap files 92 | *.swp 93 | 94 | # Lockfiles 95 | package-lock.json 96 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | auto-install-peers=true 2 | shamefully-hoist=true 3 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | ## Pre-requisites 2 | 3 | - Node.js v16.9.0 or above 4 | - Enable `corepack` 5 | 6 | ## Installing steps for developer 7 | 8 | - Clone your forked project 9 | - Install deps with pnpm 10 | 11 | ```sh 12 | $ pnpm install --shamefully-hoist 13 | ``` 14 | 15 | - Run development server 16 | 17 | ```sh 18 | # automagically watch changes for you after run 19 | $ pnpm run dev 20 | ``` 21 | 22 | _It's very simple!_ 23 | 24 | ## Contributing 25 | 26 | - Star the project :star: and [fork it](https://github.com/fzn0x/mazer-nuxt/fork). 27 | - Clone your fork `git clone https://github.com//mazer-nuxt` 28 | - Create your feature branch (`git checkout -b my-new-feature`). 29 | - Commit your changes: 30 | - Components: `git commit -am 'feat(components): add component'` 31 | - Documentation: `git commit -am 'docs: fix typo'` 32 | - Configuration file and application bug-free changes: `git commit -am 'meta: add LF'` 33 | - Push your change (`git push -u origin my-new-feature`). 34 | - Go to your forked repository on github and submit a pull request to Mazer Nuxt! 35 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Mazer Nuxt Authors 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
2 | 3 | # Mazer Nuxt 🚀 4 | 5 |
6 | 7 | > [!WARNING] 8 | > This template will not add new components or features in the future.\ 9 | > Bug fixing and maintenance will keep going on. 10 | 11 |
12 | 13 | [![All Contributors](https://img.shields.io/github/contributors/fzn0x/mazer-nuxt)](https://github.com/fzn0x/mazer-nuxt/graphs/contributors) 14 | ![GitHub last commit](https://img.shields.io/github/last-commit/fzn0x/mazer-nuxt.svg) 15 | ![GitHub repo size in bytes](https://img.shields.io/github/repo-size/badges/shields.svg) 16 | [![License](https://img.shields.io/github/license/fzn0x/mazer-nuxt.svg)](LICENSE) 17 | 18 |
19 | 20 |

21 | Mazer Nuxt is an Admin Dashboard Template that can help you develop faster. Made with Bootstrap 5. No jQuery dependency with Nuxt 3 + TypeScript. 22 |

23 | 24 | ## Table of contents 25 | 26 | - [Installation Guide](#installation-guide) 27 | - [Contributing](#contributing) 28 | - [License](#license) 29 | 30 | ## Installation Guide 31 | 32 | You may need to use Node.js v18.16.0 or above to continue with Mazer Nuxt installation guide. 33 | ## Build Setup 34 | 35 | ```bash 36 | # clone the repository 37 | $ git clone https://github.com/fzn0x/mazer-nuxt.git 38 | 39 | # navigate to the folder 40 | $ cd mazer-nuxt 41 | ``` 42 | 43 | After clone the repository and navigate to the folder, you can use few commands below 44 | 45 | ```bash 46 | # enable corepack 47 | $ corepack enable 48 | # use recommended version of PNPM (latest) 49 | $ corepack prepare pnpm@8.6.6 --activate 50 | 51 | # install dependencies 52 | $ pnpm install 53 | 54 | # serve with hot reload at localhost:3000 55 | $ pnpm run dev 56 | 57 | # build for production and launch server 58 | $ pnpm run build 59 | $ pnpm run start 60 | 61 | # generate static project 62 | $ pnpm run generate 63 | ``` 64 | 65 | For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org). 66 | 67 | ## Contributing 68 | 69 | See Contributing Guide [here](./CONTRIBUTING.md) 70 | 71 | ## License 72 | 73 | Mazer Nuxt is under MIT License. 74 | -------------------------------------------------------------------------------- /app.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /assets/README.md: -------------------------------------------------------------------------------- 1 | # ASSETS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your un-compiled assets such as LESS, SASS, or JavaScript. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked). 8 | -------------------------------------------------------------------------------- /assets/images/bg/4853433.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/bg/4853433.jpg -------------------------------------------------------------------------------- /assets/images/faces/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/faces/1.jpg -------------------------------------------------------------------------------- /assets/images/faces/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/faces/2.jpg -------------------------------------------------------------------------------- /assets/images/faces/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/faces/3.jpg -------------------------------------------------------------------------------- /assets/images/faces/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/faces/4.jpg -------------------------------------------------------------------------------- /assets/images/faces/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/faces/5.jpg -------------------------------------------------------------------------------- /assets/images/faces/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/faces/6.jpg -------------------------------------------------------------------------------- /assets/images/faces/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/faces/7.jpg -------------------------------------------------------------------------------- /assets/images/faces/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/faces/8.jpg -------------------------------------------------------------------------------- /assets/images/logo/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/logo/logo.png -------------------------------------------------------------------------------- /assets/images/samples/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/1.png -------------------------------------------------------------------------------- /assets/images/samples/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/2.png -------------------------------------------------------------------------------- /assets/images/samples/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/3.png -------------------------------------------------------------------------------- /assets/images/samples/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/4.png -------------------------------------------------------------------------------- /assets/images/samples/architecture1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/architecture1.jpg -------------------------------------------------------------------------------- /assets/images/samples/banana.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/banana.jpg -------------------------------------------------------------------------------- /assets/images/samples/bg-mountain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/bg-mountain.jpg -------------------------------------------------------------------------------- /assets/images/samples/building.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/building.jpg -------------------------------------------------------------------------------- /assets/images/samples/error-403.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/error-403.png -------------------------------------------------------------------------------- /assets/images/samples/error-404.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/error-404.png -------------------------------------------------------------------------------- /assets/images/samples/error-500.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/error-500.png -------------------------------------------------------------------------------- /assets/images/samples/jump.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/jump.jpg -------------------------------------------------------------------------------- /assets/images/samples/motorcycle.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/motorcycle.jpg -------------------------------------------------------------------------------- /assets/images/samples/origami.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/origami.jpg -------------------------------------------------------------------------------- /assets/images/samples/water.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/images/samples/water.jpg -------------------------------------------------------------------------------- /assets/scss/_mazer.scss: -------------------------------------------------------------------------------- 1 | /* 2 | * Mazer, Technology Innovations Bootstrap HTML5 Landing Page 3 | * 4 | * File: app.scss 5 | * 6 | * If you want to edit the components, just go to _variables.scss 7 | */ 8 | 9 | /** 10 | 11 | ====== TABLE OF CONTENTS ======= 12 | 1. Mixins 13 | 2. Bootstrap Components Override 14 | 2.1 Alert 15 | 2.2 Avatar 16 | 2.3 Badge 17 | 2.4 Buttons 18 | 2.5 Breadcrumb 19 | 2.6 Carousel 20 | 2.7 Card 21 | 2.8 Divider 22 | 2.9 Dropdowns 23 | 2.10 Forms 24 | 2.11 Modal 25 | 2.12 Sidebar 26 | 2.13 Navs 27 | 2.14 Navbar 28 | 2.15 Pagination 29 | 2.16 Table 30 | 2.17 Progress 31 | 4. Pages 32 | 4.0 Layout 33 | 4.1 Auth 34 | 4.2 Error 35 | 5. Utilities 36 | */ 37 | 38 | // 1. Mixins 39 | @import "./mixins/navbar"; 40 | 41 | // 2. Bootstrap Components Override 42 | 43 | // - 2.1. Alert 44 | @import "./components/alert"; 45 | 46 | // - 2.2. Avatar 47 | @import "./components/avatar"; 48 | 49 | // - 2.3. Badge 50 | @import "./components/badge"; 51 | 52 | // - 2.4. Buttons 53 | @import "./components/buttons"; 54 | 55 | // - 2.5. breadcrumb 56 | @import "./components/breadcrumb"; 57 | 58 | // - 2.6. carousel 59 | @import "./components/carousel"; 60 | 61 | // - 2.7. card 62 | @import "./components/card"; 63 | 64 | // - 2.8. divider 65 | @import "./components/divider"; 66 | 67 | // - 2.9. dropdowns 68 | @import "./components/dropdowns"; 69 | 70 | // - 2.10. forms 71 | @import "./components/forms"; 72 | 73 | // - 2.11. modal 74 | @import "./components/modal"; 75 | 76 | // - 2.12. sidebar 77 | @import "./components/sidebar"; 78 | 79 | // - 2.13. navs 80 | @import "./components/navs"; 81 | 82 | // - 2.14. navbar 83 | @import "./components/navbar"; 84 | 85 | // - 2.15. pagination 86 | @import "./components/pagination"; 87 | 88 | // - 2.16. table 89 | @import "./components/table"; 90 | 91 | // - 2.17. progress 92 | @import "./components/progress"; 93 | 94 | // - 2.18. icons 95 | @import "./components/icons"; 96 | 97 | // - 4.0 Layout 98 | @import "./layouts/main.scss"; 99 | 100 | // - 5.0 Utilities 101 | @import "./utilities" 102 | -------------------------------------------------------------------------------- /assets/scss/_utilities.scss: -------------------------------------------------------------------------------- 1 | 2 | // Margin 3 | .mt-10 { margin-top: 3rem; } 4 | .mb-10 { margin-bottom: 3rem; } 5 | .my-10 { margin-top: 3rem; margin-bottom: 3rem; } 6 | .mb-24 { margin-bottom: 6rem; } 7 | .my-24 { margin-bottom: 6rem; margin-top: 6rem; } 8 | 9 | // Opacity 10 | .opacity-50 { opacity: 50%; } 11 | 12 | // Padding 13 | .py-4-5 { padding-top: 2rem !important; padding-bottom: 2rem !important } 14 | 15 | 16 | // Font size 17 | .text-sm { font-size: .875rem; } 18 | .text-xl { font-size: 1.25rem; } 19 | .text-4xl { font-size: 2.25rem; } 20 | .text-6xl { font-size: 4rem; } 21 | .text-black { color: #000 } 22 | 23 | // Background 24 | .bg-gradient-ltr { background: linear-gradient(to right, #095CDE, #53C3F3); } 25 | @each $key, $value in $theme-colors-light { 26 | .bg-light-#{$key} { 27 | background-color: $value; 28 | color: darken($value,80%); 29 | } 30 | } 31 | 32 | .font-semibold { font-weight: 600; } 33 | .font-bold { font-weight: bold; } 34 | .font-extrabold { font-weight: 800; } 35 | 36 | // Text Width 37 | .text-width-md { max-width: 450px } 38 | 39 | // Text Color 40 | .text-gray-300 { color: $gray-300 !important } 41 | .text-gray-400 { color: $gray-400 !important } 42 | .text-gray-500 { color: $gray-500 !important } 43 | .text-gray-600 { color: $gray-600 !important } 44 | 45 | 46 | // Button 47 | .btn-xl { padding: 1rem 2rem; } 48 | 49 | // Icon 50 | .icon-mid:before { vertical-align: middle; } 51 | 52 | // Z Index 53 | .z-1 { z-index: 1 } -------------------------------------------------------------------------------- /assets/scss/app.scss: -------------------------------------------------------------------------------- 1 | // Import mazer Variables 2 | @import "./variables"; 3 | 4 | // Bootstrap + Icons 5 | @import "node_modules/bootstrap/scss/bootstrap"; 6 | @import "~/assets/vendors/bootstrap-icons/bootstrap-icons.css"; 7 | 8 | // Fix icon placement 9 | body .bi::before, [class^=bi-]::before, [class*=" bi-"]::before { 10 | vertical-align: sub; 11 | } 12 | 13 | // Perfect Scrollbar 14 | @import "~/assets/vendors/perfect-scrollbar/css/perfect-scrollbar.css"; 15 | 16 | // Mazer CSS 17 | @import "./mazer"; 18 | -------------------------------------------------------------------------------- /assets/scss/bootstrap.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap v5.1.3 (https://getbootstrap.com/) 3 | * Copyright 2011-2021 The Bootstrap Authors 4 | * Copyright 2011-2021 Twitter, Inc. 5 | * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 6 | */ 7 | 8 | // scss-docs-start import-stack 9 | // Configuration 10 | @import "~bootstrap/scss/functions"; 11 | @import "~bootstrap/scss/variables"; 12 | // Override variables 13 | @import "variables"; 14 | @import "~bootstrap/scss/maps"; 15 | @import "~bootstrap/scss/mixins"; 16 | @import "~bootstrap/scss/utilities"; 17 | 18 | 19 | // Layout & components 20 | @import "~bootstrap/scss/root"; 21 | @import "~bootstrap/scss/reboot"; 22 | @import "~bootstrap/scss/type"; 23 | @import "~bootstrap/scss/images"; 24 | @import "~bootstrap/scss/containers"; 25 | @import "~bootstrap/scss/grid"; 26 | @import "~bootstrap/scss/tables"; 27 | @import "~bootstrap/scss/forms"; 28 | @import "~bootstrap/scss/buttons"; 29 | @import "~bootstrap/scss/transitions"; 30 | @import "~bootstrap/scss/dropdown"; 31 | @import "~bootstrap/scss/button-group"; 32 | @import "~bootstrap/scss/nav"; 33 | @import "~bootstrap/scss/navbar"; 34 | @import "~bootstrap/scss/card"; 35 | @import "~bootstrap/scss/accordion"; 36 | @import "~bootstrap/scss/breadcrumb"; 37 | @import "~bootstrap/scss/pagination"; 38 | @import "~bootstrap/scss/badge"; 39 | @import "~bootstrap/scss/alert"; 40 | @import "~bootstrap/scss/progress"; 41 | @import "~bootstrap/scss/list-group"; 42 | @import "~bootstrap/scss/close"; 43 | @import "~bootstrap/scss/toasts"; 44 | @import "~bootstrap/scss/modal"; 45 | @import "~bootstrap/scss/tooltip"; 46 | @import "~bootstrap/scss/popover"; 47 | @import "~bootstrap/scss/carousel"; 48 | @import "~bootstrap/scss/spinners"; 49 | @import "~bootstrap/scss/offcanvas"; 50 | @import "~bootstrap/scss/placeholders"; 51 | 52 | 53 | // Helpers 54 | @import "~bootstrap/scss/helpers"; 55 | 56 | // Utilities 57 | @import "~bootstrap/scss/utilities/api"; 58 | // scss-docs-end import-stack 59 | -------------------------------------------------------------------------------- /assets/scss/components/_alert.scss: -------------------------------------------------------------------------------- 1 | 2 | .alert { 3 | border:none; 4 | .alert-heading { 5 | } 6 | p { 7 | margin-bottom: 0; 8 | } 9 | button.close { 10 | padding: .75rem; 11 | line-height: .75; 12 | } 13 | .alert-heading { 14 | margin-left: .4rem; 15 | & + p { 16 | margin-left: .4rem; 17 | } 18 | } 19 | } 20 | @each $key, $value in $alert-colors { 21 | .alert-#{$key} { 22 | background-color: map-get($value, 'background-color'); 23 | color: map-get($value, 'text-color'); 24 | 25 | a { 26 | color: #fff; 27 | font-weight: bold; 28 | } 29 | } 30 | } 31 | @each $key, $value in $theme-colors-light { 32 | .alert-light-#{$key} { 33 | @if($dark-mode == true) { 34 | background-color: lighten(saturate($value,30%),10%); 35 | color: saturate(shade-color($value, 60%), 40%); 36 | border: 1px solid tint-color($value, 10%); 37 | } 38 | @else { 39 | background-color: saturate($value,10%); 40 | color: saturate(shade-color($value, 60%), 40%); 41 | } 42 | } 43 | } -------------------------------------------------------------------------------- /assets/scss/components/_avatar.scss: -------------------------------------------------------------------------------- 1 | .avatar { 2 | display: inline-flex; 3 | border-radius: 50%; 4 | text-align: center; 5 | vertical-align: middle; 6 | position: relative; 7 | 8 | 9 | .avatar-content { 10 | width: 32px; 11 | height: 32px; 12 | color: #fff; 13 | display: flex; 14 | justify-content: center; 15 | align-items: center; 16 | font-size: .875rem; 17 | svg, i { 18 | color: #fff; 19 | font-size: 1rem; 20 | height: 1rem; 21 | } 22 | i:before { 23 | vertical-align: top; 24 | } 25 | } 26 | 27 | img { 28 | width: 32px; 29 | height: 32px; 30 | border-radius: 50%; 31 | } 32 | 33 | .avatar-status { 34 | width: .7rem; 35 | height: .7rem; 36 | position: absolute; 37 | border-radius: 50%; 38 | border: 1px solid #fff; 39 | bottom: 0; 40 | right: 0; 41 | } 42 | 43 | &.avatar-sm { 44 | .avatar-content, img { 45 | width: 24px; 46 | height: 24px; 47 | font-size: .8rem; 48 | } 49 | } 50 | &.avatar-md { 51 | .avatar-content, img { 52 | width: 32px; 53 | height: 32px; 54 | font-size: .8rem; 55 | } 56 | } 57 | &.avatar-md2 { 58 | .avatar-content, img { 59 | width: 40px; 60 | height: 40px; 61 | font-size: .8rem; 62 | } 63 | } 64 | &.avatar-lg { 65 | .avatar-content, img { 66 | width: 48px; 67 | height: 48px; 68 | font-size: 1.2rem; 69 | } 70 | } 71 | &.avatar-xl { 72 | .avatar-content, img { 73 | width: 60px; 74 | height: 60px; 75 | font-size: 1.4rem; 76 | } 77 | } 78 | } -------------------------------------------------------------------------------- /assets/scss/components/_badge.scss: -------------------------------------------------------------------------------- 1 | .btn { 2 | .badge { 3 | border-radius: 50%; 4 | margin-left: 5px; 5 | &.bg-transparent { 6 | background-color: rgba(255,255,255,.25) !important; 7 | color: #fff; 8 | } 9 | } 10 | } 11 | 12 | 13 | a.badge:hover { 14 | 15 | } -------------------------------------------------------------------------------- /assets/scss/components/_breadcrumb.scss: -------------------------------------------------------------------------------- 1 | .breadcrumb { 2 | &.breadcrumb-right { 3 | justify-content: flex-end; 4 | margin-top: $breadcrumb-margin-top; 5 | } 6 | &.breadcrumb-center { 7 | justify-content: center; 8 | margin-top: $breadcrumb-margin-top; 9 | } 10 | } -------------------------------------------------------------------------------- /assets/scss/components/_buttons.scss: -------------------------------------------------------------------------------- 1 | @use 'sass:map'; 2 | 3 | .btn { 4 | i,svg { 5 | width: 1rem; 6 | height: 1rem; 7 | } 8 | &.icon { 9 | padding: .4rem .6rem; 10 | svg { 11 | width: 1rem; 12 | height: 1rem; 13 | } 14 | &.icon-left { 15 | svg { 16 | margin-right: 3px; 17 | } 18 | } 19 | &.icon-right { 20 | svg { 21 | margin-left: 3px; 22 | } 23 | } 24 | } 25 | &.btn-outline-white { 26 | color: #fff; 27 | border-color: #fff; 28 | &:hover { 29 | color: #333; 30 | background-color: #fff; 31 | } 32 | } 33 | 34 | @each $key, $value in $theme-colors-light { 35 | &.btn-light-#{$key} { 36 | background-color: $value; 37 | color: darken($value,80%) 38 | } 39 | } 40 | 41 | @each $key, $value in $btn-colors { 42 | &.btn-#{$key} { 43 | color: map.get($btn-colors, "key", "text-color"); 44 | } 45 | } 46 | } 47 | .btn-block { 48 | width: 100%; 49 | } 50 | .btn-group { 51 | &:not(.dropdown) .btn:not([class*="btn-"]) { 52 | border: 1px solid #DFE3E7; 53 | } 54 | & > .btn { 55 | border-radius: .267rem; 56 | } 57 | } 58 | .buttons { 59 | .btn { 60 | margin: 0 10px 10px 0; 61 | } 62 | } 63 | -------------------------------------------------------------------------------- /assets/scss/components/_card.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | margin-bottom: 2.2rem; 3 | border: none; 4 | 5 | &.card-statistic { 6 | box-shadow: 1px 2px 5px rgba(#2FAAF4, .5); 7 | background: linear-gradient(to bottom, #25a6f1, #54b9ff); 8 | .card-title { 9 | text-transform: uppercase; 10 | color: #fff; 11 | letter-spacing: .8px; 12 | font-weight: 400; 13 | font-size: 1.3rem; 14 | margin-bottom: 0; 15 | margin-top: 5px; 16 | } 17 | .card-right { 18 | p { 19 | font-size: 1.5rem; 20 | color: #fff; 21 | margin-bottom: 0; 22 | } 23 | span.green { 24 | color: rgb(111, 255, 111) 25 | } 26 | span.red { 27 | color: rgb(255, 121, 121) 28 | } 29 | } 30 | .chart-wrapper { 31 | height: 100px; 32 | } 33 | } 34 | .card-header { 35 | border: none; 36 | 37 | h4 { 38 | font-size: $card-title-font-size; 39 | font-weight: bold; 40 | color: $bs-heading-color; 41 | } 42 | & ~ .card-body { 43 | padding-top: 0; 44 | } 45 | } 46 | .card-content { 47 | position: relative; 48 | } 49 | .card-body { 50 | padding: $card-cap-padding-y $card-cap-padding-x; 51 | } 52 | .card-heading { 53 | color: #555; 54 | font-size: 1.5rem; 55 | } 56 | .card-img-overlay { 57 | background-color: rgba(0,0,0,.6); 58 | 59 | p { 60 | color: #eee; 61 | } 62 | 63 | .card-title { 64 | color: #fff; 65 | } 66 | } 67 | 68 | 69 | } 70 | .pricing { 71 | .card { 72 | box-shadow: none; 73 | margin-bottom: 0; 74 | border-right: 1px solid $gray-200; 75 | box-shadow: 0 10px 10px $gray-200; 76 | } 77 | h1 { 78 | text-align: center; 79 | font-size: 4rem; 80 | margin-bottom: 3rem; 81 | } 82 | .card-header { 83 | .card-title { 84 | font-size: 2rem !important; 85 | margin-bottom: 0; 86 | } 87 | p { 88 | font-size: .8rem; 89 | } 90 | } 91 | ul { 92 | li { 93 | list-style: none; 94 | margin-bottom: .5rem; 95 | i, svg { 96 | width: 1rem; 97 | color: map-get($theme-colors, 'success'); 98 | font-size: 1rem; 99 | margin-right: 7px; 100 | } 101 | } 102 | } 103 | .card-highlighted { 104 | background-color: map-get($theme-colors, 'primary'); 105 | padding-top: 20px; 106 | padding-bottom: 20px; 107 | .card-header, .card-body { 108 | background-color: map-get($theme-colors, 'primary'); 109 | color: $card-bg; 110 | } 111 | ul { 112 | li { 113 | i, svg { 114 | color: $teal-400; 115 | } 116 | color: #fff; 117 | } 118 | } 119 | .card-footer { 120 | background-color: map-get($theme-colors, 'primary'); 121 | } 122 | .card-title { 123 | color: #fff; 124 | font-size: 1.8rem; 125 | } 126 | } 127 | } 128 | -------------------------------------------------------------------------------- /assets/scss/components/_carousel.scss: -------------------------------------------------------------------------------- 1 | .carousel-inner { 2 | border-radius: .7rem; 3 | } 4 | .carousel-caption h5 { 5 | color: $carousel-caption-color 6 | } -------------------------------------------------------------------------------- /assets/scss/components/_divider.scss: -------------------------------------------------------------------------------- 1 | .divider { 2 | display: block; 3 | text-align: center; 4 | overflow: hidden; 5 | margin: 1rem 0; 6 | .divider-text { 7 | position: relative; 8 | display: inline-block; 9 | padding: 0 1rem; 10 | background-color: $divider-text-bg; 11 | &:before, &:after { 12 | content: ''; 13 | position: absolute; 14 | top: 50%; 15 | width: 9999px; 16 | border-top: 1px solid $divider-bg; 17 | } 18 | &:before { 19 | right: 100%; 20 | } 21 | &:after { 22 | left: 100%; 23 | } 24 | } 25 | &.divider-left .divider-text { 26 | float: left; 27 | } 28 | &.divider-left-center .divider-text { 29 | left: -25%; 30 | } 31 | &.divider-right-center .divider-text { 32 | left: 25%; 33 | } 34 | &.divider-right .divider-text { 35 | float: right; 36 | } 37 | } -------------------------------------------------------------------------------- /assets/scss/components/_dropdowns.scss: -------------------------------------------------------------------------------- 1 | .btn:not(.btn-light):not([class^="btn-outline-"]) .dropdown-toggle:after { 2 | color: #fff; 3 | } 4 | .dropdown-menu-large { 5 | min-width: 16rem; 6 | } 7 | .dropdown-menu { 8 | box-shadow: 0 0 30px rgba(0, 0, 0, 0.03); 9 | } 10 | .dropdown-item { 11 | transition: all .5s; 12 | } 13 | .dropdown-menu-end.show { 14 | top: 100%; 15 | right: 0; 16 | } 17 | .dropdown { 18 | .avatar { 19 | margin-right: .6rem; 20 | } 21 | } 22 | .user-dropdown-status, .user-dropdown-name { 23 | margin: 0; 24 | } -------------------------------------------------------------------------------- /assets/scss/components/_forms.scss: -------------------------------------------------------------------------------- 1 | .form-group { 2 | margin-bottom: .7rem; 3 | label { 4 | color: $form-label-color; 5 | font-weight: 600; 6 | } 7 | small { 8 | font-size: .7rem; 9 | } 10 | 11 | &.with-title { 12 | position: relative; 13 | label { 14 | position: absolute; 15 | top: 0; 16 | left: 0; 17 | padding: 5px; 18 | font-size: .6rem; 19 | background-color: $form-textarea-title-bg; 20 | width: 100%; 21 | border-width: 1px 1px 0 1px; 22 | border-style: solid; 23 | border-color: lighten($input-border-color, 5%); 24 | transition: $input-transition; 25 | } 26 | .form-control, dataTable-input { 27 | padding-top: 2rem; 28 | &:focus ~ label { 29 | border-left: 1px solid map-get($theme-colors, 'primary'); 30 | border-top: 1px solid map-get($theme-colors, 'primary'); 31 | border-right: 1px solid map-get($theme-colors, 'primary'); 32 | } 33 | } 34 | } 35 | 36 | &[class*="has-icon-"] { 37 | &.has-icon-left { 38 | .form-control { 39 | padding-left: 2.5rem; 40 | } 41 | .form-control-icon { 42 | left: 0; 43 | } 44 | } 45 | &.has-icon-right { 46 | .form-control { 47 | padding-right: 2.5rem; 48 | } 49 | .form-control-icon { 50 | right: 0; 51 | } 52 | } 53 | .form-control { 54 | &:focus ~ .form-control-icon { 55 | i, svg { 56 | color: #5A8DEE 57 | } 58 | } 59 | &.form-control-xl { 60 | padding-left: 3rem; 61 | & ~ .form-control-icon i{ 62 | font-size: 1.6rem; 63 | &:before { 64 | color: #a6a8aa 65 | } 66 | } 67 | } 68 | } 69 | .form-control-icon { 70 | position: absolute; 71 | padding: 0 .6rem; 72 | i, svg { 73 | width: 1.2rem; 74 | color: $input-placeholder-color; 75 | font-size: 1.2rem; 76 | &:before { 77 | vertical-align: sub; 78 | } 79 | } 80 | } 81 | 82 | } 83 | 84 | &.mandatory .form-label:first-child:after { 85 | content: ' *'; 86 | color: $form-feedback-invalid-color; 87 | } 88 | 89 | &.is-invalid * { 90 | color: $form-feedback-invalid-color; 91 | border-color: $form-feedback-invalid-color; 92 | } 93 | } 94 | .form-control { 95 | & ~ .form-control-icon { 96 | top: .28rem; 97 | } 98 | &.form-control-lg { 99 | padding: .55rem 1rem; 100 | font-size: 1.05rem; 101 | & ~ .form-control-icon { 102 | top: .55rem; 103 | } 104 | } 105 | &.form-control-xl { 106 | padding: .85rem 1rem; 107 | font-size: 1.2rem; 108 | & ~ .form-control-icon { 109 | top: .55rem; 110 | } 111 | } 112 | } 113 | .form-check { 114 | .form-check-input { 115 | &[class*="bg-"] { 116 | border: 0; 117 | } 118 | &:focus { 119 | box-shadow: none; 120 | } 121 | @each $key, $value in $theme-colors { 122 | &.form-check-#{$key} { 123 | background-color: $value; 124 | border-color: $value; 125 | 126 | &:not(:checked) { 127 | background-color: transparent; 128 | border: 1px solid $gray-400; 129 | } 130 | 131 | &.form-check-glow { 132 | box-shadow: 0 0 5px lighten($value,10%); 133 | &:not(:checked) { 134 | box-shadow: none; 135 | } 136 | } 137 | } 138 | } 139 | } 140 | 141 | &.form-check-sm { 142 | .form-check-input { 143 | width: .9rem; 144 | height: .9rem; 145 | margin-top: .3em; 146 | } 147 | label { 148 | font-size: .7rem; 149 | 150 | } 151 | } 152 | &.form-check-lg { 153 | .form-check-input { 154 | width: 1.5rem; 155 | height: 1.5rem; 156 | margin-top: .3em; 157 | } 158 | label { 159 | font-size: 1rem; 160 | } 161 | } 162 | 163 | @each $key, $value in $theme-colors { 164 | &.form-check-#{$key} { 165 | .form-check-input { 166 | background-color: $value; 167 | border-color: $value 168 | } 169 | } 170 | } 171 | } 172 | 173 | // Vendor: Datatable 174 | .dataTable-input { 175 | min-height: calc(1.5em + 0.934rem + 2px); 176 | padding: 0.467rem 0.6rem; 177 | font-size: 0.9025rem; 178 | font-weight: 400; 179 | line-height: 1.5; 180 | color: #555252; 181 | background-color: white; 182 | background-clip: padding-box; 183 | border: 1px solid #DFE3E7; 184 | -webkit-appearance: none; 185 | -moz-appearance: none; 186 | appearance: none; 187 | border-radius: 0.25rem; 188 | transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 189 | 190 | &:focus { 191 | color: #555252; 192 | background-color: $input-focus-bg; 193 | border-color: $input-focus-border-color; 194 | outline: 0; 195 | box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); 196 | } 197 | } 198 | 199 | // Vendor: Choices 200 | .choices__inner { 201 | background-color: $choices-bg; 202 | border-color: $choices-border-color; 203 | } 204 | .choices__input { 205 | background-color: $choices-bg !important; 206 | color: $choices-input-color; 207 | } 208 | .choices__list { 209 | background-color: $choices-dropdown-bg; 210 | } 211 | .choices__list--dropdown .choices__item--selectable.is-highlighted { 212 | background-color: $choices-highlight-bg; 213 | } -------------------------------------------------------------------------------- /assets/scss/components/_icons.scss: -------------------------------------------------------------------------------- 1 | .bi { 2 | width: 1rem; 3 | height: 1rem; 4 | &.bi-middle { 5 | &:before { 6 | vertical-align: middle; 7 | } 8 | } 9 | &.bi-sub { 10 | &:before { 11 | vertical-align: sub; 12 | } 13 | } 14 | } 15 | .stats-icon { 16 | width: 3rem; 17 | height:3rem; 18 | border-radius: .5rem; 19 | background-color: black; 20 | float: right; 21 | display: flex; 22 | align-items: center; 23 | justify-content: center; 24 | i { 25 | color: #fff; 26 | font-size: 1.7rem; 27 | } 28 | &.purple { 29 | background-color: #9694ff; 30 | } 31 | &.blue { 32 | background-color: #57caeb; 33 | } 34 | &.red { 35 | background-color: #ff7976; 36 | } 37 | &.green { 38 | background-color: #5ddab4; 39 | } 40 | @media (max-width: 767px) { 41 | float: left; 42 | margin-bottom: .4rem; 43 | } 44 | } 45 | 46 | .burger-btn { 47 | display:none; 48 | } -------------------------------------------------------------------------------- /assets/scss/components/_modal.scss: -------------------------------------------------------------------------------- 1 | .modal { 2 | .modal-content { 3 | box-shadow: -8px 12px 18px 0 rgba(25,42,70,.13); 4 | border: none; 5 | } 6 | .modal-full { 7 | max-width: 94% 8 | } 9 | .white { 10 | color: white; 11 | } 12 | .modal-header { 13 | display:flex; 14 | justify-content: space-between; 15 | align-items: center; 16 | .modal-title { 17 | font-size: $modal-header-font-size; 18 | } 19 | .close { 20 | padding: 7px 10px; 21 | border-radius: 50%; 22 | background:none; 23 | border: none; 24 | &:hover { 25 | background: $gray-300 26 | } 27 | } 28 | i, svg { 29 | font-size: 12px; 30 | height: 12px; 31 | width: 12px; 32 | } 33 | } 34 | .modal-footer { 35 | padding: $modal-inner-padding; 36 | } 37 | 38 | &.modal-borderless { 39 | .modal-header { 40 | border-bottom: 0; 41 | } 42 | .modal-footer { 43 | border-top: 0; 44 | } 45 | } 46 | } -------------------------------------------------------------------------------- /assets/scss/components/_navbar.scss: -------------------------------------------------------------------------------- 1 | 2 | .layout-navbar.navbar-fixed { 3 | display: block !important; 4 | } 5 | 6 | .navbar { 7 | height:90px; 8 | padding: 1.5rem; 9 | .navbar-brand img { 10 | height: 1.5rem; 11 | } 12 | .user-menu img { 13 | width: 39px; 14 | height: 39px 15 | } 16 | 17 | &.navbar-header { 18 | li { 19 | display: flex; 20 | align-items: center; 21 | &.nav-icon { 22 | margin-right: .4rem; 23 | .nav-link { 24 | display:block; 25 | padding: .4rem; 26 | border-radius: 50%; 27 | &:hover { 28 | background-color: $gray-200; 29 | } 30 | } 31 | } 32 | } 33 | .dropdown > a { 34 | color: $gray-600; 35 | font-weight: 600; 36 | 37 | svg { 38 | height: 24px; 39 | width: 24px; 40 | } 41 | &:after { 42 | display:none; 43 | } 44 | } 45 | } 46 | } 47 | 48 | .navbar-top { 49 | .notification-dropdown { 50 | min-width: 20rem; 51 | } 52 | .notification-item { 53 | margin-bottom: .4rem; 54 | a { 55 | color: $body-color; 56 | } 57 | p { 58 | margin-bottom: 0; 59 | } 60 | } 61 | 62 | .notification-icon { 63 | width: 40px; 64 | height: 40px; 65 | border-radius: 50%; 66 | color: white; 67 | text-align: center; 68 | vertical-align: middle; 69 | i { 70 | vertical-align: -moz-middle-with-baseline; 71 | font-size: 20px; 72 | } 73 | } 74 | } 75 | 76 | .layout-horizontal { 77 | .header-top { 78 | background-color: $horizontal-header-bg; 79 | padding:1.1rem; 80 | 81 | .container { 82 | display: flex; 83 | justify-content: space-between; 84 | align-items: center; 85 | } 86 | .burger-btn i { 87 | height: 20px; 88 | display: inline-block; 89 | } 90 | 91 | .logo img { 92 | height: 20px 93 | } 94 | } 95 | .header-top-right { 96 | display: flex; 97 | gap: 1rem; 98 | align-items: center; 99 | } 100 | .main-navbar { 101 | background-color: $horizontal-navbar-bg; 102 | padding: 1rem; 103 | ul { 104 | list-style: none; 105 | padding: 0; 106 | display: flex; 107 | gap: 2rem; 108 | margin-bottom: 0; 109 | .menu-link { 110 | display: flex; 111 | position: relative; 112 | flex-direction: row; 113 | padding: .4rem 0; 114 | gap: .5rem; 115 | align-items: center; 116 | span { 117 | height: 20px; 118 | 119 | & > i { 120 | margin-right: 3px; 121 | } 122 | } 123 | } 124 | & > .menu-item { 125 | position: relative; 126 | .menu-link { 127 | color: $gray-300; 128 | } 129 | &.has-sub .menu-link { 130 | padding-right: 1.3rem; 131 | &:after { 132 | content: url('data:image/svg+xml,'); 133 | position: absolute; 134 | color: #fff; 135 | right: -3px; 136 | top: 7px; 137 | display: block; 138 | } 139 | } 140 | &:hover { 141 | .menu-link { 142 | color: white; 143 | } 144 | .submenu { 145 | visibility: visible; 146 | opacity: 1; 147 | top: 100%; 148 | } 149 | } 150 | 151 | } 152 | } 153 | .submenu { 154 | @include submenu; 155 | 156 | .submenu-group-wrapper { 157 | position: relative; 158 | } 159 | 160 | .submenu-group { 161 | display: table-cell; 162 | padding: .5rem .3rem .3rem .5rem; 163 | flex-wrap: wrap; 164 | max-height: 200px; 165 | min-width: 200px; 166 | 167 | .submenu-item { 168 | position: relative; 169 | &.has-sub .submenu-link { 170 | position: relative; 171 | &:after { 172 | position: absolute; 173 | right: 10px; 174 | top: 50%; 175 | transform: translateY(-40%); 176 | content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23888' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); 177 | } 178 | } 179 | a { 180 | padding: .6rem; 181 | padding-right: 2rem; 182 | color: $horizontal-submenu-link-color; 183 | display: block; 184 | &:hover { 185 | color: $horizontal-submenu-link-hover-color 186 | } 187 | } 188 | &:hover { 189 | .subsubmenu { 190 | visibility: visible; 191 | top: 0rem; 192 | opacity: 1; 193 | } 194 | } 195 | } 196 | } 197 | } 198 | .subsubmenu { 199 | @include submenu; 200 | gap: 0; 201 | top: 1rem; 202 | left: 100%; 203 | display: flex; 204 | padding: .5rem; 205 | flex-direction: column; 206 | border-radius: .3rem; 207 | min-width: 200px; 208 | } 209 | 210 | @media screen and (max-width: 1199px) { 211 | background-color: lighten($primary, 47%); 212 | overflow: hidden; 213 | padding: 1rem; 214 | display: none; 215 | 216 | &.active { 217 | max-height: initial; 218 | } 219 | ul { 220 | flex-direction: column; 221 | gap: 0; 222 | 223 | .menu-item { 224 | &.has-sub .menu-link:after { 225 | content: url('data:image/svg+xml,') !important; 226 | top: unset; 227 | } 228 | } 229 | .menu-link { 230 | color: $gray-600 !important; 231 | padding: 1rem 0; 232 | } 233 | } 234 | .submenu { 235 | @include submenu-responsive; 236 | transition: all .2s; 237 | padding-top: 0; 238 | display: none; 239 | padding-bottom: 0; 240 | .submenu-group-wrapper { 241 | display: flex; 242 | flex-direction: column; 243 | max-height: unset; 244 | } 245 | .submenu-group { 246 | max-height: unset; 247 | padding: 0; 248 | min-width: unset; 249 | width: 100%; 250 | } 251 | &.active { 252 | display: block; 253 | } 254 | } 255 | .subsubmenu { 256 | @include submenu-responsive; 257 | display: none; 258 | &.active { 259 | display: block; 260 | } 261 | } 262 | } 263 | } 264 | } 265 | #topbarUserDropdown:after { 266 | margin-left: 1rem; 267 | } 268 | -------------------------------------------------------------------------------- /assets/scss/components/_navs.scss: -------------------------------------------------------------------------------- 1 | .nav-pills { 2 | .nav-link { 3 | &.active { 4 | box-shadow: 0 2px 10px rgba(map-get($theme-colors, 'primary'), .5); 5 | } 6 | } 7 | } 8 | .nav-tabs { 9 | border: none ; 10 | .nav-link { 11 | border: none; 12 | } 13 | .nav-link:hover { 14 | border:none; 15 | text-shadow: 0 0 2px rgba(map-get($theme-colors, 'primary'),.3); 16 | } 17 | .nav-link.active { 18 | border: none; 19 | position: relative; 20 | color: map-get($theme-colors, 'primary'); 21 | &:after { 22 | content: ''; 23 | width: 100%; 24 | position: absolute; 25 | bottom: 0; 26 | height: 2px; 27 | background-color: map-get($theme-colors, 'primary'); 28 | left: 0; 29 | box-shadow: 0 2px 5px rgba(map-get($theme-colors, 'primary'),.5); 30 | } 31 | } 32 | } -------------------------------------------------------------------------------- /assets/scss/components/_pagination.scss: -------------------------------------------------------------------------------- 1 | .pagination { 2 | @each $key, $value in $theme-colors { 3 | &.pagination-#{$key} { 4 | .page-item.active { 5 | .page-link { 6 | background-color: $value; 7 | border-color: $value; 8 | box-shadow: 0 2px 5px rgba($value,.3); 9 | } 10 | } 11 | } 12 | } 13 | } 14 | .page-item { 15 | &:not(.active) { 16 | .page-link { 17 | &:hover { 18 | color: $pagination-hover-color 19 | } 20 | } 21 | } 22 | i, svg { 23 | font-size: 13px; 24 | width: 13px; 25 | height: 13px; 26 | } 27 | .page-link { 28 | font-size: .875rem; 29 | &:focus { 30 | box-shadow: none; 31 | } 32 | } 33 | &:first-child { 34 | margin-right: .4rem; 35 | } 36 | &:last-child { 37 | margin-left: .4rem; 38 | } 39 | } -------------------------------------------------------------------------------- /assets/scss/components/_progress.scss: -------------------------------------------------------------------------------- 1 | .progress { 2 | @each $key, $value in $theme-colors { 3 | &.progress-#{$key} { 4 | overflow: visible; 5 | .progress-bar { 6 | background-color: $value; 7 | border-radius: $progress-border-radius; 8 | } 9 | } 10 | } 11 | &.progress-sm { 12 | height: .4rem; 13 | } 14 | &.progress-lg { 15 | height: 1.5rem; 16 | } 17 | 18 | .progress-bar { 19 | position: relative; 20 | overflow: visible; 21 | 22 | &.progress-label:before { 23 | content: attr(aria-valuenow) '%'; 24 | position: absolute; 25 | right: 0; 26 | top: -1.3rem; 27 | color: $gray-700; 28 | font-size: .8rem; 29 | 30 | } 31 | } 32 | } -------------------------------------------------------------------------------- /assets/scss/components/_sidebar.scss: -------------------------------------------------------------------------------- 1 | #sidebar { 2 | &.active { 3 | .sidebar-wrapper { 4 | left: 0; 5 | } 6 | } 7 | &:not(.active) { 8 | .sidebar-wrapper { 9 | left: -300px; 10 | } 11 | & ~ #main { 12 | margin-left: 0; 13 | } 14 | } 15 | } 16 | .sidebar-wrapper { 17 | width: 300px; 18 | height: 100vh; 19 | position: fixed; 20 | top: 0; 21 | z-index: 10; 22 | overflow-y: auto; 23 | background-color: $sidebar-bg; 24 | bottom: 0; 25 | transition: left .5s ease-out; 26 | .sidebar-header { 27 | padding: 2rem 2rem 1rem; 28 | font-size: 2rem; 29 | font-weight: bold; 30 | 31 | img { 32 | height: 1.2rem; 33 | } 34 | } 35 | .sidebar-toggler.x { 36 | position: absolute; 37 | right: 1.75rem; 38 | top: .25rem; 39 | display:none; 40 | } 41 | 42 | .menu { 43 | padding-left: 0; 44 | margin-top: 2rem; 45 | padding: 0 2rem; 46 | font-weight: 600; 47 | .sidebar-title { 48 | padding: 0 1rem; 49 | margin: 1.5rem 0 1rem; 50 | font-size: 1rem; 51 | list-style: none; 52 | font-weight: 600; 53 | color: $sidebar-link-color; 54 | } 55 | 56 | .sidebar-link { 57 | display: block; 58 | padding: .7rem 1rem; 59 | font-size: 1rem; 60 | display: flex; 61 | align-items: center; 62 | border-radius: .5rem; 63 | transition: all .5s; 64 | text-decoration: none; 65 | color: $sidebar-link-color; 66 | svg,i { 67 | color:#7c8db5; 68 | } 69 | i:before { 70 | vertical-align: top; 71 | } 72 | span { 73 | margin-left: 1rem; 74 | } 75 | &:hover { 76 | background-color: $sidebar-link-hover-bg; 77 | } 78 | } 79 | .sidebar-item { 80 | list-style: none; 81 | margin-top: .5rem; 82 | position: relative; 83 | &.has-sub { 84 | .sidebar-link:after { 85 | content: url('data:image/svg+xml,'); 86 | position: absolute; 87 | color: #ccc; 88 | right: 15px; 89 | top: 12px; 90 | display:block; 91 | } 92 | } 93 | &.active { 94 | &.has-sub { 95 | .sidebar-link:after { 96 | content: url('data:image/svg+xml,'); 97 | } 98 | } 99 | >.sidebar-link { 100 | background-color: $primary; 101 | span { 102 | color: #fff; 103 | } 104 | svg,i { 105 | fill: white; 106 | color:white; 107 | } 108 | 109 | &.has-sub:after { 110 | content: url('data:image/svg+xml,'); 111 | } 112 | } 113 | } 114 | } 115 | .submenu { 116 | list-style: none; 117 | // max-height: 0; 118 | transition: max-height 2s cubic-bezier(0, 0.55, 0.45, 1); 119 | overflow: hidden; 120 | &.active { 121 | max-height: 999px; 122 | } 123 | .submenu-item { 124 | &.active { 125 | position:relative; 126 | & > a { 127 | color: $primary; 128 | font-weight: bold; 129 | } 130 | } 131 | a { 132 | padding: .7rem 2rem; 133 | display: block; 134 | color: $sidebar-submenu-color; 135 | font-size: .85rem; 136 | font-weight: 600; 137 | letter-spacing: .5px; 138 | transition: all .3s; 139 | &:hover { 140 | margin-left: .3rem; 141 | color: $sidebar-submenu-hover-color; 142 | } 143 | } 144 | } 145 | 146 | } 147 | } 148 | } 149 | .sidebar-backdrop { 150 | position: fixed; 151 | top: 0; 152 | left: 0; 153 | width: 100%; 154 | height: 100%; 155 | background-color: rgba(0, 0, 0, 0.5); 156 | z-index: 9; 157 | } 158 | @media screen and (max-width: 1199px) { 159 | .sidebar-wrapper { 160 | position:absolute; 161 | left: -300px; 162 | .sidebar-toggler.x { 163 | display:block; 164 | } 165 | } 166 | } 167 | @media screen and (min-width: 1200px) { 168 | 169 | } -------------------------------------------------------------------------------- /assets/scss/components/_table.scss: -------------------------------------------------------------------------------- 1 | .table td, .table thead th { 2 | vertical-align: middle; 3 | } 4 | 5 | .table:not(.table-borderless) thead th { 6 | border-bottom: 1px solid #dedede !important; 7 | } 8 | 9 | .table { 10 | &.table-sm { 11 | tr td, tr th { 12 | padding: 1rem; 13 | } 14 | } 15 | &.table-md { 16 | tr td, tr th { 17 | padding: 1rem; 18 | } 19 | } 20 | &.table-lg { 21 | tr td, tr th { 22 | padding: 1.3rem; 23 | } 24 | } 25 | } 26 | 27 | .dataTable-table { 28 | @extend .table 29 | } 30 | 31 | .dataTable-container { 32 | overflow-x:auto 33 | } -------------------------------------------------------------------------------- /assets/scss/iconly.scss: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Iconly---Bold'; 3 | src: url('../vendors/iconly/fonts/Iconly---Bold.eot?jilz72'); 4 | src: url('../vendors/iconly/fonts/Iconly---Bold.eot?jilz72#iefix') format('embedded-opentype'), 5 | url('../vendors/iconly/fonts/Iconly---Bold.ttf?jilz72') format('truetype'), 6 | url('../vendors/iconly/fonts/Iconly---Bold.woff?jilz72') format('woff'), 7 | url('../vendors/iconly/fonts/Iconly---Bold.svg?jilz72#Iconly---Bold') format('svg'); 8 | font-weight: normal; 9 | font-style: normal; 10 | font-display: block; 11 | } 12 | 13 | [class^="iconly-bold"], [class*=" iconly-bold"] { 14 | /* use !important to prevent issues with browser extensions that change fonts */ 15 | font-family: 'Iconly---Bold' !important; 16 | speak: never; 17 | font-style: normal; 18 | font-weight: normal; 19 | font-variant: normal; 20 | text-transform: none; 21 | line-height: 1; 22 | 23 | /* Better Font Rendering =========== */ 24 | -webkit-font-smoothing: antialiased; 25 | -moz-osx-font-smoothing: grayscale; 26 | } 27 | 28 | .iconly-boldActivity:before { 29 | content: "\e900"; 30 | } 31 | .iconly-boldUser:before { 32 | content: "\e901"; 33 | } 34 | .iconly-boldUser1:before { 35 | content: "\e902"; 36 | } 37 | .iconly-boldAdd-User:before { 38 | content: "\e903"; 39 | } 40 | .iconly-boldArrow---Down-2:before { 41 | content: "\e904"; 42 | } 43 | .iconly-boldArrow---Down-3:before { 44 | content: "\e905"; 45 | } 46 | .iconly-boldArrow---Down-Circle:before { 47 | content: "\e906"; 48 | } 49 | .iconly-boldArrow---Down-Square:before { 50 | content: "\e907"; 51 | } 52 | .iconly-boldArrow---Down:before { 53 | content: "\e908"; 54 | } 55 | .iconly-boldArrow---Left-2:before { 56 | content: "\e909"; 57 | } 58 | .iconly-boldArrow---Left-3:before { 59 | content: "\e90a"; 60 | } 61 | .iconly-boldArrow---Left-Circle:before { 62 | content: "\e90b"; 63 | } 64 | .iconly-boldArrow---Left-Square:before { 65 | content: "\e90c"; 66 | } 67 | .iconly-boldArrow---Left:before { 68 | content: "\e90d"; 69 | } 70 | .iconly-boldArrow---Right-2:before { 71 | content: "\e90e"; 72 | } 73 | .iconly-boldArrow---Right-3:before { 74 | content: "\e90f"; 75 | } 76 | .iconly-boldArrow---Right-Circle:before { 77 | content: "\e910"; 78 | } 79 | .iconly-boldArrow---Right-Square:before { 80 | content: "\e911"; 81 | } 82 | .iconly-boldArrow---Right:before { 83 | content: "\e912"; 84 | } 85 | .iconly-boldArrow---Up-2:before { 86 | content: "\e913"; 87 | } 88 | .iconly-boldArrow---Up-3:before { 89 | content: "\e914"; 90 | } 91 | .iconly-boldArrow---Up-Circle:before { 92 | content: "\e915"; 93 | } 94 | .iconly-boldArrow---Up-Square:before { 95 | content: "\e916"; 96 | } 97 | .iconly-boldArrow---Up:before { 98 | content: "\e917"; 99 | } 100 | .iconly-boldBag-2:before { 101 | content: "\e918"; 102 | } 103 | .iconly-boldBag:before { 104 | content: "\e919"; 105 | } 106 | .iconly-boldBookmark:before { 107 | content: "\e91a"; 108 | } 109 | .iconly-boldBuy:before { 110 | content: "\e91b"; 111 | } 112 | .iconly-boldCalendar:before { 113 | content: "\e91c"; 114 | } 115 | .iconly-boldCall-Missed:before { 116 | content: "\e91d"; 117 | } 118 | .iconly-boldCall-Silent:before { 119 | content: "\e91e"; 120 | } 121 | .iconly-boldCall:before { 122 | content: "\e91f"; 123 | } 124 | .iconly-boldCalling:before { 125 | content: "\e920"; 126 | } 127 | .iconly-boldCamera:before { 128 | content: "\e921"; 129 | } 130 | .iconly-boldCategory:before { 131 | content: "\e922"; 132 | } 133 | .iconly-boldChart:before { 134 | content: "\e923"; 135 | } 136 | .iconly-boldChat:before { 137 | content: "\e924"; 138 | } 139 | .iconly-boldClose-Square:before { 140 | content: "\e925"; 141 | } 142 | .iconly-boldDanger:before { 143 | content: "\e926"; 144 | } 145 | .iconly-boldDelete:before { 146 | content: "\e927"; 147 | } 148 | .iconly-boldDiscount:before { 149 | content: "\e928"; 150 | } 151 | .iconly-boldDiscovery:before { 152 | content: "\e929"; 153 | } 154 | .iconly-boldDocument:before { 155 | content: "\e92a"; 156 | } 157 | .iconly-boldDownload:before { 158 | content: "\e92b"; 159 | } 160 | .iconly-boldEdit-Square:before { 161 | content: "\e92c"; 162 | } 163 | .iconly-boldEdit:before { 164 | content: "\e92d"; 165 | } 166 | .iconly-boldFilter-2:before { 167 | content: "\e92e"; 168 | } 169 | .iconly-boldFilter:before { 170 | content: "\e92f"; 171 | } 172 | .iconly-boldFolder:before { 173 | content: "\e930"; 174 | } 175 | .iconly-boldGame:before { 176 | content: "\e931"; 177 | } 178 | .iconly-boldGraph:before { 179 | content: "\e932"; 180 | } 181 | .iconly-boldHeart:before { 182 | content: "\e933"; 183 | } 184 | .iconly-boldHide:before { 185 | content: "\e934"; 186 | } 187 | .iconly-boldHome:before { 188 | content: "\e935"; 189 | } 190 | .iconly-boldImage-2:before { 191 | content: "\e936"; 192 | } 193 | .iconly-boldImage:before { 194 | content: "\e937"; 195 | } 196 | .iconly-boldInfo-Circle:before { 197 | content: "\e938"; 198 | } 199 | .iconly-boldInfo-Square:before { 200 | content: "\e939"; 201 | } 202 | .iconly-boldLocation:before { 203 | content: "\e93a"; 204 | } 205 | .iconly-boldLock:before { 206 | content: "\e93b"; 207 | } 208 | .iconly-boldLogin:before { 209 | content: "\e93c"; 210 | } 211 | .iconly-boldLogout:before { 212 | content: "\e93d"; 213 | } 214 | .iconly-boldMessage:before { 215 | content: "\e93e"; 216 | } 217 | .iconly-boldMore-Circle:before { 218 | content: "\e93f"; 219 | } 220 | .iconly-boldMore-Square:before { 221 | content: "\e940"; 222 | } 223 | .iconly-boldNotification:before { 224 | content: "\e941"; 225 | } 226 | .iconly-boldPaper-Download:before { 227 | content: "\e942"; 228 | } 229 | .iconly-boldPaper-Fail:before { 230 | content: "\e943"; 231 | } 232 | .iconly-boldPaper-Negative:before { 233 | content: "\e944"; 234 | } 235 | .iconly-boldPaper-Plus:before { 236 | content: "\e945"; 237 | } 238 | .iconly-boldPaper-Upload:before { 239 | content: "\e946"; 240 | } 241 | .iconly-boldPaper:before { 242 | content: "\e947"; 243 | } 244 | .iconly-boldPassword:before { 245 | content: "\e948"; 246 | } 247 | .iconly-boldPlay:before { 248 | content: "\e949"; 249 | } 250 | .iconly-boldPlus:before { 251 | content: "\e94a"; 252 | } 253 | .iconly-boldProfile:before { 254 | content: "\e94b"; 255 | } 256 | .iconly-boldScan:before { 257 | content: "\e94c"; 258 | } 259 | .iconly-boldSearch:before { 260 | content: "\e94d"; 261 | } 262 | .iconly-boldSend:before { 263 | content: "\e94e"; 264 | } 265 | .iconly-boldSetting:before { 266 | content: "\e94f"; 267 | } 268 | .iconly-boldShield-Done:before { 269 | content: "\e950"; 270 | } 271 | .iconly-boldShield-Fail:before { 272 | content: "\e951"; 273 | } 274 | .iconly-boldShow:before { 275 | content: "\e952"; 276 | } 277 | .iconly-boldStar:before { 278 | content: "\e953"; 279 | } 280 | .iconly-boldSwap:before { 281 | content: "\e954"; 282 | } 283 | .iconly-boldTick-Square:before { 284 | content: "\e955"; 285 | } 286 | .iconly-boldTicket-Star:before { 287 | content: "\e956"; 288 | } 289 | .iconly-boldTicket:before { 290 | content: "\e957"; 291 | } 292 | .iconly-boldTime-Circle:before { 293 | content: "\e958"; 294 | } 295 | .iconly-boldTime-Square:before { 296 | content: "\e959"; 297 | } 298 | .iconly-boldUnlock:before { 299 | content: "\e95a"; 300 | } 301 | .iconly-boldUpload:before { 302 | content: "\e95b"; 303 | } 304 | .iconly-boldVideo:before { 305 | content: "\e95c"; 306 | } 307 | .iconly-boldVoice-2:before { 308 | content: "\e95d"; 309 | } 310 | .iconly-boldVoice:before { 311 | content: "\e95e"; 312 | } 313 | .iconly-boldVolume-Down:before { 314 | content: "\e95f"; 315 | } 316 | .iconly-boldVolume-Off:before { 317 | content: "\e960"; 318 | } 319 | .iconly-boldVolume-Up:before { 320 | content: "\e961"; 321 | } 322 | .iconly-boldWallet:before { 323 | content: "\e962"; 324 | } 325 | .iconly-boldWork:before { 326 | content: "\e963"; 327 | } -------------------------------------------------------------------------------- /assets/scss/layouts/main.scss: -------------------------------------------------------------------------------- 1 | #main { 2 | margin-left: 0; 3 | padding: 2rem; 4 | min-height: 100vh; 5 | 6 | &.layout-navbar { 7 | padding: 0; 8 | transition: margin-left 7s cubic-bezier(.22,1,.36,1); 9 | } 10 | 11 | &.layout-horizontal { 12 | padding: 0; 13 | margin: 0; 14 | } 15 | 16 | #main-content { 17 | padding: 2rem; 18 | } 19 | } 20 | 21 | .navbar-fixed .navbar-top { 22 | position: sticky; 23 | background-color: var(--bs-body-bg); 24 | z-index: 9; 25 | top: 0; 26 | width: inherit; 27 | } 28 | 29 | #main, #main-content { 30 | display: flex; 31 | flex-direction: column; 32 | } 33 | 34 | #main-content, .page-heading { 35 | flex-grow: 1; 36 | } 37 | 38 | section { 39 | display: block; 40 | } 41 | 42 | .page-heading { 43 | margin: 0 0 2rem; 44 | 45 | h3 { 46 | font-weight: bold; 47 | color: $bs-heading-color; 48 | } 49 | } 50 | 51 | .page-title-headings { 52 | display: flex; 53 | align-items: center; 54 | justify-content: space-between; 55 | margin-bottom: .5rem; 56 | 57 | h3 { 58 | margin-bottom: 0; 59 | margin-right: 1rem; 60 | color: $bs-heading-color; 61 | } 62 | 63 | .breadcrumb { 64 | margin-bottom: 0; 65 | } 66 | } 67 | 68 | a { 69 | text-decoration: none; 70 | } 71 | 72 | @media screen and (min-width: 1200px) { 73 | #main { 74 | margin-left: 300px; 75 | } 76 | 77 | #sidebar:not(.active) + #main { 78 | margin-left: 0; 79 | } 80 | } 81 | 82 | .text-muted { 83 | color: $text-muted !important; 84 | } 85 | 86 | .badge-notification { 87 | position: absolute; 88 | right: 17px; 89 | padding: 3px; 90 | } 91 | -------------------------------------------------------------------------------- /assets/scss/mixins/_navbar.scss: -------------------------------------------------------------------------------- 1 | @mixin submenu { 2 | visibility: hidden; 3 | opacity: 0; 4 | top: 125%; 5 | transition: all .3s cubic-bezier(0, 0.55, 0.45, 1);; 6 | position: absolute; 7 | z-index: 999; 8 | border-radius: .2rem; 9 | background-color: $horizontal-submenu-bg; 10 | box-shadow: 0px 5px 20px $horizontal-submenu-shadow-color; 11 | } 12 | 13 | @mixin submenu-responsive { 14 | visibility: visible !important; 15 | opacity: 1; 16 | box-shadow: none; 17 | position: static; 18 | padding: 1rem; 19 | background-color: unset; 20 | } -------------------------------------------------------------------------------- /assets/scss/pages/auth.scss: -------------------------------------------------------------------------------- 1 | @import "../variables"; 2 | 3 | body { 4 | background-color: $page-auth-bg; 5 | } 6 | #auth { 7 | height: 100vh; 8 | overflow-x: hidden; 9 | 10 | #auth-right { 11 | height: 100%; 12 | background: url(../../images/bg/4853433.png), $page-auth-right-bg; 13 | } 14 | #auth-left { 15 | padding: 5rem 8rem; 16 | 17 | .auth-title { 18 | font-size: 4rem; 19 | margin-bottom: 1rem; 20 | } 21 | .auth-subtitle { 22 | font-size: 1.7rem; 23 | line-height: 2.5rem; 24 | color: #a8aebb; 25 | } 26 | .auth-logo { 27 | margin-bottom: 7rem; 28 | img { 29 | height: 2rem; 30 | } 31 | } 32 | @media screen and (max-width: 767px) { 33 | padding: 5rem ; 34 | } 35 | @media screen and (max-width: 576px) { 36 | padding: 5rem 3rem; 37 | } 38 | } 39 | } 40 | 41 | html.theme-dark { 42 | @import "../themes/dark/variables-dark"; 43 | @debug $page-auth-right-bg; 44 | 45 | #auth-right { 46 | background: url(../../images/bg/4853433.png), $page-auth-right-bg; 47 | } 48 | } -------------------------------------------------------------------------------- /assets/scss/pages/chat.scss: -------------------------------------------------------------------------------- 1 | 2 | @import "./../variables"; 3 | .chat-application { 4 | .chat-app { 5 | height: calc(100vh - 9rem); 6 | border: 1px solid #DFE3E7; 7 | border-radius: 5px; 8 | } 9 | } 10 | .chat-app { 11 | .chat-app-wrapper { 12 | 13 | } 14 | .chat-app-right { 15 | padding-left: 0; 16 | } 17 | .chat-app-header { 18 | .person-name { 19 | font-size: 1.2rem; 20 | } 21 | .person-status { 22 | 23 | } 24 | } 25 | .chat-app-body { 26 | .left { 27 | border-right: 1px solid $gray-200; 28 | } 29 | ul { 30 | padding-left: 0; 31 | overflow-y: auto; 32 | } 33 | .the-contact { 34 | list-style: none; 35 | padding: 1.5rem 2rem; 36 | background-color: $white; 37 | border-bottom: 1px solid $gray-200; 38 | user-select: none; 39 | margin-right: 0; 40 | position: relative; 41 | 42 | &.active { 43 | background-color: $primary; 44 | .person-name, .message-excerpt { 45 | color: #fff; 46 | } 47 | } 48 | .notification-count { 49 | position: absolute; 50 | right: 1rem; 51 | top: 50%; 52 | transform:translateY(-50%); 53 | } 54 | 55 | &:hover { 56 | cursor: pointer; 57 | } 58 | 59 | &:not(.active):hover { 60 | background-color: $gray-200; 61 | transition: all .1s; 62 | } 63 | 64 | .verified-badge { 65 | width: 1.4em; 66 | height: 1.4em; 67 | padding: 0; 68 | } 69 | 70 | .person-name { 71 | font-size: 1.1rem; 72 | margin-bottom: 0; 73 | font-weight: bold; 74 | color: $gray-700; 75 | display: flex; 76 | align-items: center; 77 | } 78 | .message-excerpt { 79 | font-size: 1rem; 80 | color: $gray-600; 81 | margin-bottom: 0; 82 | } 83 | } 84 | } 85 | .chat-app-footer { 86 | position: relative; 87 | height: 100%; 88 | .input-message-wrapper { 89 | position: absolute; 90 | bottom: 0; 91 | padding: 1rem; 92 | background-color: $white; 93 | width: 100%; 94 | right: 0; 95 | } 96 | 97 | } 98 | .messages { 99 | display: flex; 100 | width: 100%; 101 | flex-direction: column; 102 | .message { 103 | background-color: $gray-300; 104 | border-bottom-right-radius: 1rem; 105 | border-top-right-radius: 1rem; 106 | border-bottom-left-radius: 1rem; 107 | padding: .8rem; 108 | margin: 1rem 1rem; 109 | float: left; 110 | max-width: 600px; 111 | 112 | &.message-right { 113 | float: right; 114 | background-color: $blue-400; 115 | color: #fff; 116 | 117 | border-top-left-radius: 1rem; 118 | border-top-right-radius: 0; 119 | } 120 | } 121 | } 122 | } 123 | 124 | 125 | 126 | @media screen and (max-width: 1200px) { 127 | .chat-app { 128 | .chat-app-left { 129 | right: 100%; 130 | } 131 | .chat-app-right { 132 | position: absolute; 133 | top: 0; 134 | left: 0; 135 | right: 0; 136 | bottom: 0; 137 | padding-left: 15px !important; 138 | 139 | .chat-app-header > div { 140 | padding: 0 2rem 141 | } 142 | } 143 | } 144 | 145 | } -------------------------------------------------------------------------------- /assets/scss/pages/datatables.scss: -------------------------------------------------------------------------------- 1 | 2 | table.dataTable td{ 3 | padding: 15px 8px; 4 | } 5 | .fontawesome-icons .the-icon svg { 6 | font-size: 24px; 7 | } -------------------------------------------------------------------------------- /assets/scss/pages/dripicons.scss: -------------------------------------------------------------------------------- 1 | 2 | .dripicons { line-height: 1; } 3 | 4 | .glyphs.character-mapping{margin:0;padding:0;border:none;} 5 | .glyphs.character-mapping li{margin:0;display:inline-block;width:90px;border-radius:4px;} 6 | .glyphs.character-mapping .icon{margin:10px 0 10px 15px;padding:15px;position:relative;width:55px;height:55px;color:#398FF7 !important;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;font-size:32px;} 7 | .glyphs.character-mapping .icon svg{fill:#398FF7} 8 | .glyphs.character-mapping li:hover .icon{color:#fff !important;} 9 | .glyphs.character-mapping li:hover .icon svg{fill:#fff} 10 | .glyphs.character-mapping li:hover input{opacity:100;} 11 | .glyphs.character-mapping li:hover{background:#374347;} 12 | .glyphs.character-mapping input{opacity:0;background:#398FF7;color:#fff;margin:0;padding:10px 0;line-height:12px;font-size:12px;display:block;width:100%;border:none;text-align:center;outline:none;border-bottom-right-radius:3px;border-bottom-left-radius:3px;font-family:'Montserrat','Helvetica','Arial',sans-serif;font-weight:400;} 13 | .glyphs.character-mapping input:focus{border:none;} 14 | .glyphs.character-mapping input:hover{border:none;} 15 | .glyphs.css-mapping{margin:0 0 60px 0;padding:30px 0 20px 30px;color:rgba(0,0,0,0.5);border:none;-webkit-border-radius:3px;border-radius:3px;} 16 | .glyphs.css-mapping li{margin:0 30px 20px 0;padding:0;display:inline-block;overflow:hidden} 17 | .glyphs.css-mapping .icon{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#398FF7 !important;overflow:hidden;float:left;font-size:24px} 18 | .glyphs.css-mapping input{background:none;color:#398FF7;margin:0;margin-top:5px;padding:8px;line-height:14px;font-size:14px;font-family:'Montserrat','Helvetica','Arial',sans-serif;font-weight:700;display:block;width:120px;height:40px;border:none;-webkit-border-radius:5px;border-radius:5px;outline:none;float:right;} 19 | .glyphs.css-mapping input:focus{border:none;} 20 | .glyphs.css-mapping input:hover{} -------------------------------------------------------------------------------- /assets/scss/pages/error.scss: -------------------------------------------------------------------------------- 1 | @import "../variables"; 2 | 3 | #error { 4 | background-color: $page-error-bg; 5 | padding: 2rem 0; 6 | min-height: 100vh; 7 | .img-error { 8 | height: 435px; 9 | object-fit: contain; 10 | padding: 3rem 0 3rem 0; 11 | } 12 | .error-title { 13 | font-size: 3rem; 14 | margin-top: 1rem; 15 | } 16 | } 17 | html.theme-dark { 18 | #error { 19 | @import "../themes/dark/variables-dark"; 20 | background-color: $page-error-bg; 21 | } 22 | } -------------------------------------------------------------------------------- /assets/scss/pages/form-element-select.scss: -------------------------------------------------------------------------------- 1 | 2 | .choices__list--multiple .choices__item { 3 | border-radius: 2px; 4 | background-color: #5A8DEE; 5 | box-shadow: 0 2px 5px rgb(2 158 255 / 10%); 6 | border: none; 7 | } 8 | -------------------------------------------------------------------------------- /assets/scss/pages/simple-datatables.scss: -------------------------------------------------------------------------------- 1 | 2 | @import "../variables"; 3 | 4 | .dataTable-wrapper.no-footer .dataTable-container { 5 | border-bottom: none; 6 | } 7 | 8 | .dataTable-selector { 9 | padding: $form-select-padding-y $form-select-indicator-padding $form-select-padding-y $form-select-padding-x; 10 | } 11 | 12 | .dataTable-dropdown { 13 | display: inline-flex; 14 | align-items: center; 15 | } 16 | 17 | .dataTable-dropdown label { 18 | white-space: nowrap; 19 | margin-left: 15px; 20 | } -------------------------------------------------------------------------------- /assets/scss/pages/summernote.scss: -------------------------------------------------------------------------------- 1 | //Remove duplicate carets 2 | .note-editor .dropdown-toggle::after { all: unset; } 3 | .note-editor .note-dropdown-menu { box-sizing: content-box; } 4 | .note-editor .note-modal-footer { box-sizing: content-box; } 5 | -------------------------------------------------------------------------------- /assets/scss/themes/dark/_mazer-dark.scss: -------------------------------------------------------------------------------- 1 | .toast .btn-close { 2 | background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; 3 | } 4 | 5 | // Sweetalert2 Dark 6 | .swal2-popup, .swal2-validation-message { 7 | background-color: $swal-popup-bg !important; 8 | color: $swal-popup-color !important; 9 | } 10 | .swal2-title { 11 | color: $swal-popup-color !important; 12 | } 13 | .swal2-styled.swal2-confirm { 14 | background-color: $swal-confirm-button-bg !important; 15 | } 16 | .swal2-styled.swal2-confirm:hover { 17 | background-color: $swal-confirm-button-bg-hover !important; 18 | } 19 | 20 | // Apexcharts 21 | .apexcharts-text tspan { 22 | fill: $body-color !important; 23 | } 24 | .apexcharts-legend-text { 25 | color: $body-color !important; 26 | } 27 | 28 | // Toggle theme 29 | .theme-toggle { 30 | color: #9899ac; 31 | } 32 | 33 | // Pricing Card 34 | .pricing{ 35 | .card{ 36 | border: none; 37 | box-shadow: none; 38 | } 39 | } 40 | 41 | // Note 42 | .note-editing-area .note-editable { 43 | background-color: white; 44 | } 45 | // DataTable 46 | .dataTable-input { 47 | background-color: $input-bg; 48 | border-color: $input-border-color; 49 | transition: all .2s ease-in-out; 50 | 51 | &:focus { 52 | background-color: $input-focus-bg; 53 | border-color: $input-focus-border-color; 54 | color: $input-focus-color; 55 | } 56 | } 57 | 58 | // override selector 59 | // see original on mixins\_forms.scss 60 | @mixin form-validation-state-selector($state) { 61 | @if ($state == "valid" or $state == "invalid") { 62 | .was-validated :#{$state}, 63 | .is-#{$state} { 64 | @content; 65 | } 66 | } @else { 67 | .is-#{$state} { 68 | @content; 69 | } 70 | } 71 | } 72 | 73 | // to fix feedback message on input group 74 | @each $state in map-keys($form-validation-states) { 75 | @include form-validation-state-selector($state) { 76 | ~ .#{$state}-feedback, 77 | ~ .#{$state}-tooltip { 78 | display: block; 79 | } 80 | } 81 | } 82 | -------------------------------------------------------------------------------- /assets/scss/themes/dark/_root.scss: -------------------------------------------------------------------------------- 1 | html.theme-dark { 2 | // Note: Custom variable values only support SassScript inside `#{}`. 3 | 4 | // Colors 5 | // 6 | // Generate palettes for full colors, grays, and theme colors. 7 | 8 | @each $color, $value in $colors { 9 | --#{$variable-prefix}#{$color}: #{$value}; 10 | } 11 | 12 | @each $color, $value in $grays { 13 | --#{$variable-prefix}gray-#{$color}: #{$value}; 14 | } 15 | 16 | @each $color, $value in $theme-colors { 17 | --#{$variable-prefix}#{$color}: #{$value}; 18 | } 19 | 20 | @each $color, $value in $theme-colors-rgb { 21 | --#{$variable-prefix}#{$color}-rgb: #{$value}; 22 | } 23 | 24 | --#{$variable-prefix}white-rgb: #{to-rgb($white)}; 25 | --#{$variable-prefix}black-rgb: #{to-rgb($black)}; 26 | --#{$variable-prefix}body-color-rgb: #{to-rgb($body-color)}; 27 | --#{$variable-prefix}body-bg-rgb: #{to-rgb($body-bg)}; 28 | 29 | // Fonts 30 | 31 | // Note: Use `inspect` for lists so that quoted items keep the quotes. 32 | // See https://github.com/sass/sass/issues/2383#issuecomment-336349172 33 | --#{$variable-prefix}font-sans-serif: #{inspect($font-family-sans-serif)}; 34 | --#{$variable-prefix}font-monospace: #{inspect($font-family-monospace)}; 35 | --#{$variable-prefix}gradient: #{$gradient}; 36 | 37 | // Root and body 38 | // stylelint-disable custom-property-empty-line-before 39 | // scss-docs-start root-body-variables 40 | @if $font-size-root != null { 41 | --#{$variable-prefix}root-font-size: #{$font-size-root}; 42 | } 43 | --#{$variable-prefix}body-font-family: #{$font-family-base}; 44 | --#{$variable-prefix}body-font-size: #{$font-size-base}; 45 | --#{$variable-prefix}body-font-weight: #{$font-weight-base}; 46 | --#{$variable-prefix}body-line-height: #{$line-height-base}; 47 | --#{$variable-prefix}body-color: #{$body-color}; 48 | @if $body-text-align != null { 49 | --#{$variable-prefix}body-text-align: #{$body-text-align}; 50 | } 51 | --#{$variable-prefix}body-bg: #{$body-bg}; 52 | // scss-docs-end root-body-variables 53 | // stylelint-enable custom-property-empty-line-before 54 | } 55 | -------------------------------------------------------------------------------- /assets/scss/themes/dark/app-dark.scss: -------------------------------------------------------------------------------- 1 | // Import mazer Variables 2 | 3 | @import "./../../variables"; 4 | @import "./variables-dark"; 5 | @import "./root"; 6 | 7 | html.theme-dark { 8 | // Bootstrap 9 | @import "node_modules/bootstrap/scss/variables"; 10 | @import "node_modules/bootstrap/scss/variables-dark"; 11 | @import "node_modules/bootstrap/scss/mixins"; 12 | @import "node_modules/bootstrap/scss/functions"; 13 | @import "node_modules/bootstrap/scss/maps"; 14 | @import "node_modules/bootstrap/scss/utilities"; 15 | @import "node_modules/bootstrap/scss/reboot"; 16 | @import "node_modules/bootstrap/scss/type"; 17 | @import "node_modules/bootstrap/scss/images"; 18 | @import "node_modules/bootstrap/scss/containers"; 19 | @import "node_modules/bootstrap/scss/grid"; 20 | @import "node_modules/bootstrap/scss/tables"; 21 | @import "node_modules/bootstrap/scss/forms"; 22 | @import "node_modules/bootstrap/scss/buttons"; 23 | @import "node_modules/bootstrap/scss/transitions"; 24 | @import "node_modules/bootstrap/scss/dropdown"; 25 | @import "node_modules/bootstrap/scss/button-group"; 26 | @import "node_modules/bootstrap/scss/nav"; 27 | @import "node_modules/bootstrap/scss/navbar"; 28 | @import "node_modules/bootstrap/scss/card"; 29 | @import "node_modules/bootstrap/scss/accordion"; 30 | @import "node_modules/bootstrap/scss/breadcrumb"; 31 | @import "node_modules/bootstrap/scss/pagination"; 32 | @import "node_modules/bootstrap/scss/badge"; 33 | @import "node_modules/bootstrap/scss/alert"; 34 | @import "node_modules/bootstrap/scss/progress"; 35 | @import "node_modules/bootstrap/scss/list-group"; 36 | @import "node_modules/bootstrap/scss/close"; 37 | @import "node_modules/bootstrap/scss/toasts"; 38 | @import "node_modules/bootstrap/scss/modal"; 39 | @import "node_modules/bootstrap/scss/tooltip"; 40 | @import "node_modules/bootstrap/scss/popover"; 41 | @import "node_modules/bootstrap/scss/carousel"; 42 | @import "node_modules/bootstrap/scss/spinners"; 43 | @import "node_modules/bootstrap/scss/offcanvas"; 44 | @import "node_modules/bootstrap/scss/placeholders"; 45 | 46 | 47 | 48 | // Mazer CSS 49 | @import "./../../mazer"; 50 | 51 | // Additional dark-mode CSS 52 | @import "./mazer-dark"; 53 | @import "node_modules/bootstrap/scss/utilities"; 54 | } 55 | -------------------------------------------------------------------------------- /assets/scss/widgets/chat.scss: -------------------------------------------------------------------------------- 1 | @import "./../variables"; 2 | .chat { 3 | border-radius: 5px; 4 | &.chat-left { 5 | .chat-message { 6 | background: #5A8DEE !important; 7 | float: left !important; 8 | color: #fff; 9 | } 10 | } 11 | .chat-message { 12 | text-align: left !important; 13 | float: right !important; 14 | margin: .2rem 0 1.8rem .2rem !important; 15 | color: rgb(82, 83, 97); 16 | background-color: #FAFBFB !important; 17 | box-shadow: 0 2px 6px 0 rgba(0,0,0,.3) !important; 18 | padding: .75rem 1rem !important; 19 | position: relative !important; 20 | max-width: calc(100% - 5rem) !important; 21 | clear: both !important; 22 | word-break: break-word !important; 23 | border-radius: .267rem !important; 24 | 25 | } 26 | } -------------------------------------------------------------------------------- /assets/scss/widgets/todo.scss: -------------------------------------------------------------------------------- 1 | 2 | @import "./../variables"; 3 | 4 | .widget-todo-list-wrapper { 5 | padding: 0; 6 | margin: 0; 7 | } 8 | #widget-todo-list { 9 | padding: 0; 10 | } 11 | 12 | .theme-dark .widget-todo-item:hover { 13 | background-color: $gray-900; 14 | } 15 | 16 | // Moved outside .widget-todo-list-wrapper because dragula 17 | // renders a shadow element outside of the widget-todo-list-wrapper 18 | .widget-todo-item { 19 | padding: .8rem 2rem .8rem .8rem; 20 | list-style: none; 21 | 22 | &:hover { 23 | background-color: $gray-100; 24 | } 25 | .checkbox { 26 | margin-left: 1rem; 27 | } 28 | i, svg { 29 | font-size: 12px; 30 | cursor: move; 31 | height: 1rem 32 | } 33 | } -------------------------------------------------------------------------------- /assets/vendors/bootstrap-icons/fonts/bootstrap-icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/bootstrap-icons/fonts/bootstrap-icons.woff -------------------------------------------------------------------------------- /assets/vendors/bootstrap-icons/fonts/bootstrap-icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/bootstrap-icons/fonts/bootstrap-icons.woff2 -------------------------------------------------------------------------------- /assets/vendors/iconly/bold.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Iconly---Bold'; 3 | src: url('fonts/Iconly---Bold.eot?jilz72'); 4 | src: url('fonts/Iconly---Bold.eot?jilz72#iefix') format('embedded-opentype'), 5 | url('fonts/Iconly---Bold.ttf?jilz72') format('truetype'), 6 | url('fonts/Iconly---Bold.woff?jilz72') format('woff'), 7 | url('fonts/Iconly---Bold.svg?jilz72#Iconly---Bold') format('svg'); 8 | font-weight: normal; 9 | font-style: normal; 10 | font-display: block; 11 | } 12 | 13 | [class^="iconly-bold"], [class*=" iconly-bold"] { 14 | /* use !important to prevent issues with browser extensions that change fonts */ 15 | font-family: 'Iconly---Bold' !important; 16 | speak: never; 17 | font-style: normal; 18 | font-weight: normal; 19 | font-variant: normal; 20 | text-transform: none; 21 | line-height: 1; 22 | 23 | /* Better Font Rendering =========== */ 24 | -webkit-font-smoothing: antialiased; 25 | -moz-osx-font-smoothing: grayscale; 26 | } 27 | 28 | .iconly-boldActivity:before { 29 | content: "\e900"; 30 | } 31 | .iconly-boldUser:before { 32 | content: "\e901"; 33 | } 34 | .iconly-boldUser1:before { 35 | content: "\e902"; 36 | } 37 | .iconly-boldAdd-User:before { 38 | content: "\e903"; 39 | } 40 | .iconly-boldArrow---Down-2:before { 41 | content: "\e904"; 42 | } 43 | .iconly-boldArrow---Down-3:before { 44 | content: "\e905"; 45 | } 46 | .iconly-boldArrow---Down-Circle:before { 47 | content: "\e906"; 48 | } 49 | .iconly-boldArrow---Down-Square:before { 50 | content: "\e907"; 51 | } 52 | .iconly-boldArrow---Down:before { 53 | content: "\e908"; 54 | } 55 | .iconly-boldArrow---Left-2:before { 56 | content: "\e909"; 57 | } 58 | .iconly-boldArrow---Left-3:before { 59 | content: "\e90a"; 60 | } 61 | .iconly-boldArrow---Left-Circle:before { 62 | content: "\e90b"; 63 | } 64 | .iconly-boldArrow---Left-Square:before { 65 | content: "\e90c"; 66 | } 67 | .iconly-boldArrow---Left:before { 68 | content: "\e90d"; 69 | } 70 | .iconly-boldArrow---Right-2:before { 71 | content: "\e90e"; 72 | } 73 | .iconly-boldArrow---Right-3:before { 74 | content: "\e90f"; 75 | } 76 | .iconly-boldArrow---Right-Circle:before { 77 | content: "\e910"; 78 | } 79 | .iconly-boldArrow---Right-Square:before { 80 | content: "\e911"; 81 | } 82 | .iconly-boldArrow---Right:before { 83 | content: "\e912"; 84 | } 85 | .iconly-boldArrow---Up-2:before { 86 | content: "\e913"; 87 | } 88 | .iconly-boldArrow---Up-3:before { 89 | content: "\e914"; 90 | } 91 | .iconly-boldArrow---Up-Circle:before { 92 | content: "\e915"; 93 | } 94 | .iconly-boldArrow---Up-Square:before { 95 | content: "\e916"; 96 | } 97 | .iconly-boldArrow---Up:before { 98 | content: "\e917"; 99 | } 100 | .iconly-boldBag-2:before { 101 | content: "\e918"; 102 | } 103 | .iconly-boldBag:before { 104 | content: "\e919"; 105 | } 106 | .iconly-boldBookmark:before { 107 | content: "\e91a"; 108 | } 109 | .iconly-boldBuy:before { 110 | content: "\e91b"; 111 | } 112 | .iconly-boldCalendar:before { 113 | content: "\e91c"; 114 | } 115 | .iconly-boldCall-Missed:before { 116 | content: "\e91d"; 117 | } 118 | .iconly-boldCall-Silent:before { 119 | content: "\e91e"; 120 | } 121 | .iconly-boldCall:before { 122 | content: "\e91f"; 123 | } 124 | .iconly-boldCalling:before { 125 | content: "\e920"; 126 | } 127 | .iconly-boldCamera:before { 128 | content: "\e921"; 129 | } 130 | .iconly-boldCategory:before { 131 | content: "\e922"; 132 | } 133 | .iconly-boldChart:before { 134 | content: "\e923"; 135 | } 136 | .iconly-boldChat:before { 137 | content: "\e924"; 138 | } 139 | .iconly-boldClose-Square:before { 140 | content: "\e925"; 141 | } 142 | .iconly-boldDanger:before { 143 | content: "\e926"; 144 | } 145 | .iconly-boldDelete:before { 146 | content: "\e927"; 147 | } 148 | .iconly-boldDiscount:before { 149 | content: "\e928"; 150 | } 151 | .iconly-boldDiscovery:before { 152 | content: "\e929"; 153 | } 154 | .iconly-boldDocument:before { 155 | content: "\e92a"; 156 | } 157 | .iconly-boldDownload:before { 158 | content: "\e92b"; 159 | } 160 | .iconly-boldEdit-Square:before { 161 | content: "\e92c"; 162 | } 163 | .iconly-boldEdit:before { 164 | content: "\e92d"; 165 | } 166 | .iconly-boldFilter-2:before { 167 | content: "\e92e"; 168 | } 169 | .iconly-boldFilter:before { 170 | content: "\e92f"; 171 | } 172 | .iconly-boldFolder:before { 173 | content: "\e930"; 174 | } 175 | .iconly-boldGame:before { 176 | content: "\e931"; 177 | } 178 | .iconly-boldGraph:before { 179 | content: "\e932"; 180 | } 181 | .iconly-boldHeart:before { 182 | content: "\e933"; 183 | } 184 | .iconly-boldHide:before { 185 | content: "\e934"; 186 | } 187 | .iconly-boldHome:before { 188 | content: "\e935"; 189 | } 190 | .iconly-boldImage-2:before { 191 | content: "\e936"; 192 | } 193 | .iconly-boldImage:before { 194 | content: "\e937"; 195 | } 196 | .iconly-boldInfo-Circle:before { 197 | content: "\e938"; 198 | } 199 | .iconly-boldInfo-Square:before { 200 | content: "\e939"; 201 | } 202 | .iconly-boldLocation:before { 203 | content: "\e93a"; 204 | } 205 | .iconly-boldLock:before { 206 | content: "\e93b"; 207 | } 208 | .iconly-boldLogin:before { 209 | content: "\e93c"; 210 | } 211 | .iconly-boldLogout:before { 212 | content: "\e93d"; 213 | } 214 | .iconly-boldMessage:before { 215 | content: "\e93e"; 216 | } 217 | .iconly-boldMore-Circle:before { 218 | content: "\e93f"; 219 | } 220 | .iconly-boldMore-Square:before { 221 | content: "\e940"; 222 | } 223 | .iconly-boldNotification:before { 224 | content: "\e941"; 225 | } 226 | .iconly-boldPaper-Download:before { 227 | content: "\e942"; 228 | } 229 | .iconly-boldPaper-Fail:before { 230 | content: "\e943"; 231 | } 232 | .iconly-boldPaper-Negative:before { 233 | content: "\e944"; 234 | } 235 | .iconly-boldPaper-Plus:before { 236 | content: "\e945"; 237 | } 238 | .iconly-boldPaper-Upload:before { 239 | content: "\e946"; 240 | } 241 | .iconly-boldPaper:before { 242 | content: "\e947"; 243 | } 244 | .iconly-boldPassword:before { 245 | content: "\e948"; 246 | } 247 | .iconly-boldPlay:before { 248 | content: "\e949"; 249 | } 250 | .iconly-boldPlus:before { 251 | content: "\e94a"; 252 | } 253 | .iconly-boldProfile:before { 254 | content: "\e94b"; 255 | } 256 | .iconly-boldScan:before { 257 | content: "\e94c"; 258 | } 259 | .iconly-boldSearch:before { 260 | content: "\e94d"; 261 | } 262 | .iconly-boldSend:before { 263 | content: "\e94e"; 264 | } 265 | .iconly-boldSetting:before { 266 | content: "\e94f"; 267 | } 268 | .iconly-boldShield-Done:before { 269 | content: "\e950"; 270 | } 271 | .iconly-boldShield-Fail:before { 272 | content: "\e951"; 273 | } 274 | .iconly-boldShow:before { 275 | content: "\e952"; 276 | } 277 | .iconly-boldStar:before { 278 | content: "\e953"; 279 | } 280 | .iconly-boldSwap:before { 281 | content: "\e954"; 282 | } 283 | .iconly-boldTick-Square:before { 284 | content: "\e955"; 285 | } 286 | .iconly-boldTicket-Star:before { 287 | content: "\e956"; 288 | } 289 | .iconly-boldTicket:before { 290 | content: "\e957"; 291 | } 292 | .iconly-boldTime-Circle:before { 293 | content: "\e958"; 294 | } 295 | .iconly-boldTime-Square:before { 296 | content: "\e959"; 297 | } 298 | .iconly-boldUnlock:before { 299 | content: "\e95a"; 300 | } 301 | .iconly-boldUpload:before { 302 | content: "\e95b"; 303 | } 304 | .iconly-boldVideo:before { 305 | content: "\e95c"; 306 | } 307 | .iconly-boldVoice-2:before { 308 | content: "\e95d"; 309 | } 310 | .iconly-boldVoice:before { 311 | content: "\e95e"; 312 | } 313 | .iconly-boldVolume-Down:before { 314 | content: "\e95f"; 315 | } 316 | .iconly-boldVolume-Off:before { 317 | content: "\e960"; 318 | } 319 | .iconly-boldVolume-Up:before { 320 | content: "\e961"; 321 | } 322 | .iconly-boldWallet:before { 323 | content: "\e962"; 324 | } 325 | .iconly-boldWork:before { 326 | content: "\e963"; 327 | } 328 | -------------------------------------------------------------------------------- /assets/vendors/iconly/broken.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Iconly-Broken'; 3 | src: url('fonts/Iconly-Broken.eot?34gwe1'); 4 | src: url('fonts/Iconly-Broken.eot?34gwe1#iefix') format('embedded-opentype'), 5 | url('fonts/Iconly-Broken.ttf?34gwe1') format('truetype'), 6 | url('fonts/Iconly-Broken.woff?34gwe1') format('woff'), 7 | url('fonts/Iconly-Broken.svg?34gwe1#Iconly-Broken') format('svg'); 8 | font-weight: normal; 9 | font-style: normal; 10 | font-display: block; 11 | } 12 | 13 | [class^="iconly-broken"], [class*=" iconly-broken"] { 14 | /* use !important to prevent issues with browser extensions that change fonts */ 15 | font-family: 'Iconly-Broken' !important; 16 | speak: never; 17 | font-style: normal; 18 | font-weight: normal; 19 | font-variant: normal; 20 | text-transform: none; 21 | line-height: 1; 22 | 23 | /* Better Font Rendering =========== */ 24 | -webkit-font-smoothing: antialiased; 25 | -moz-osx-font-smoothing: grayscale; 26 | } 27 | 28 | .iconly-brokenUser:before { 29 | content: "\e900"; 30 | } 31 | .iconly-brokenUser1:before { 32 | content: "\e901"; 33 | } 34 | .iconly-brokenActivity:before { 35 | content: "\e902"; 36 | } 37 | .iconly-brokenAdd-User:before { 38 | content: "\e903"; 39 | } 40 | .iconly-brokenArrow---Down-2:before { 41 | content: "\e904"; 42 | } 43 | .iconly-brokenArrow---Down-3:before { 44 | content: "\e905"; 45 | } 46 | .iconly-brokenArrow---Down-Circle:before { 47 | content: "\e906"; 48 | } 49 | .iconly-brokenArrow---Down-Square:before { 50 | content: "\e907"; 51 | } 52 | .iconly-brokenArrow---Down:before { 53 | content: "\e908"; 54 | } 55 | .iconly-brokenArrow---Left-2:before { 56 | content: "\e909"; 57 | } 58 | .iconly-brokenArrow---Left-3:before { 59 | content: "\e90a"; 60 | } 61 | .iconly-brokenArrow---Left-Circle:before { 62 | content: "\e90b"; 63 | } 64 | .iconly-brokenArrow---Left-Square:before { 65 | content: "\e90c"; 66 | } 67 | .iconly-brokenArrow---Left:before { 68 | content: "\e90d"; 69 | } 70 | .iconly-brokenArrow---Right-2:before { 71 | content: "\e90e"; 72 | } 73 | .iconly-brokenArrow---Right-3:before { 74 | content: "\e90f"; 75 | } 76 | .iconly-brokenArrow---Right-Circle:before { 77 | content: "\e910"; 78 | } 79 | .iconly-brokenArrow---Right-Square:before { 80 | content: "\e911"; 81 | } 82 | .iconly-brokenArrow---Right:before { 83 | content: "\e912"; 84 | } 85 | .iconly-brokenArrow---Up-2:before { 86 | content: "\e913"; 87 | } 88 | .iconly-brokenArrow---Up-3:before { 89 | content: "\e914"; 90 | } 91 | .iconly-brokenArrow---Up-Circle:before { 92 | content: "\e915"; 93 | } 94 | .iconly-brokenArrow---Up-Square:before { 95 | content: "\e916"; 96 | } 97 | .iconly-brokenArrow---Up:before { 98 | content: "\e917"; 99 | } 100 | .iconly-brokenBag-2:before { 101 | content: "\e918"; 102 | } 103 | .iconly-brokenBag:before { 104 | content: "\e919"; 105 | } 106 | .iconly-brokenBookmark:before { 107 | content: "\e91a"; 108 | } 109 | .iconly-brokenBuy:before { 110 | content: "\e91b"; 111 | } 112 | .iconly-brokenCalendar:before { 113 | content: "\e91c"; 114 | } 115 | .iconly-brokenCall-Missed:before { 116 | content: "\e91d"; 117 | } 118 | .iconly-brokenCall-Silent:before { 119 | content: "\e91e"; 120 | } 121 | .iconly-brokenCall:before { 122 | content: "\e91f"; 123 | } 124 | .iconly-brokenCalling:before { 125 | content: "\e920"; 126 | } 127 | .iconly-brokenCamera:before { 128 | content: "\e921"; 129 | } 130 | .iconly-brokenCategory:before { 131 | content: "\e922"; 132 | } 133 | .iconly-brokenChart:before { 134 | content: "\e923"; 135 | } 136 | .iconly-brokenChat:before { 137 | content: "\e924"; 138 | } 139 | .iconly-brokenClose-Square:before { 140 | content: "\e925"; 141 | } 142 | .iconly-brokenDanger:before { 143 | content: "\e926"; 144 | } 145 | .iconly-brokenDelete:before { 146 | content: "\e927"; 147 | } 148 | .iconly-brokenDiscount:before { 149 | content: "\e928"; 150 | } 151 | .iconly-brokenDiscovery:before { 152 | content: "\e929"; 153 | } 154 | .iconly-brokenDocument:before { 155 | content: "\e92a"; 156 | } 157 | .iconly-brokenDownload:before { 158 | content: "\e92b"; 159 | } 160 | .iconly-brokenEdit-Square:before { 161 | content: "\e92c"; 162 | } 163 | .iconly-brokenEdit:before { 164 | content: "\e92d"; 165 | } 166 | .iconly-brokenFilter-2:before { 167 | content: "\e92e"; 168 | } 169 | .iconly-brokenFilter:before { 170 | content: "\e92f"; 171 | } 172 | .iconly-brokenFolder:before { 173 | content: "\e930"; 174 | } 175 | .iconly-brokenGame:before { 176 | content: "\e931"; 177 | } 178 | .iconly-brokenGraph:before { 179 | content: "\e932"; 180 | } 181 | .iconly-brokenHeart:before { 182 | content: "\e933"; 183 | } 184 | .iconly-brokenHide:before { 185 | content: "\e934"; 186 | } 187 | .iconly-brokenHome:before { 188 | content: "\e935"; 189 | } 190 | .iconly-brokenImage-2:before { 191 | content: "\e936"; 192 | } 193 | .iconly-brokenImage:before { 194 | content: "\e937"; 195 | } 196 | .iconly-brokenInfo-Circle:before { 197 | content: "\e938"; 198 | } 199 | .iconly-brokenInfo-Square:before { 200 | content: "\e939"; 201 | } 202 | .iconly-brokenLocation:before { 203 | content: "\e93a"; 204 | } 205 | .iconly-brokenLock:before { 206 | content: "\e93b"; 207 | } 208 | .iconly-brokenLogin:before { 209 | content: "\e93c"; 210 | } 211 | .iconly-brokenLogout:before { 212 | content: "\e93d"; 213 | } 214 | .iconly-brokenMessage:before { 215 | content: "\e93e"; 216 | } 217 | .iconly-brokenMore-Circle:before { 218 | content: "\e93f"; 219 | } 220 | .iconly-brokenMore-Square:before { 221 | content: "\e940"; 222 | } 223 | .iconly-brokenNotification:before { 224 | content: "\e941"; 225 | } 226 | .iconly-brokenPaper-Download:before { 227 | content: "\e942"; 228 | } 229 | .iconly-brokenPaper-Fail:before { 230 | content: "\e943"; 231 | } 232 | .iconly-brokenPaper-Negative:before { 233 | content: "\e944"; 234 | } 235 | .iconly-brokenPaper-Plus:before { 236 | content: "\e945"; 237 | } 238 | .iconly-brokenPaper-Upload:before { 239 | content: "\e946"; 240 | } 241 | .iconly-brokenPaper:before { 242 | content: "\e947"; 243 | } 244 | .iconly-brokenPassword:before { 245 | content: "\e948"; 246 | } 247 | .iconly-brokenPlay:before { 248 | content: "\e949"; 249 | } 250 | .iconly-brokenPlus:before { 251 | content: "\e94a"; 252 | } 253 | .iconly-brokenProfile:before { 254 | content: "\e94b"; 255 | } 256 | .iconly-brokenScan:before { 257 | content: "\e94c"; 258 | } 259 | .iconly-brokenSearch:before { 260 | content: "\e94d"; 261 | } 262 | .iconly-brokenSend:before { 263 | content: "\e94e"; 264 | } 265 | .iconly-brokenSetting:before { 266 | content: "\e94f"; 267 | } 268 | .iconly-brokenShield-Done:before { 269 | content: "\e950"; 270 | } 271 | .iconly-brokenShield-Fail:before { 272 | content: "\e951"; 273 | } 274 | .iconly-brokenShow:before { 275 | content: "\e952"; 276 | } 277 | .iconly-brokenStar:before { 278 | content: "\e953"; 279 | } 280 | .iconly-brokenSwap:before { 281 | content: "\e954"; 282 | } 283 | .iconly-brokenTick-Square:before { 284 | content: "\e955"; 285 | } 286 | .iconly-brokenTicket-Star:before { 287 | content: "\e956"; 288 | } 289 | .iconly-brokenTicket:before { 290 | content: "\e957"; 291 | } 292 | .iconly-brokenTime-Circle:before { 293 | content: "\e958"; 294 | } 295 | .iconly-brokenTime-Square:before { 296 | content: "\e959"; 297 | } 298 | .iconly-brokenUnlock:before { 299 | content: "\e95a"; 300 | } 301 | .iconly-brokenUpload:before { 302 | content: "\e95b"; 303 | } 304 | .iconly-brokenVideo:before { 305 | content: "\e95c"; 306 | } 307 | .iconly-brokenVoice-2:before { 308 | content: "\e95d"; 309 | } 310 | .iconly-brokenVoice:before { 311 | content: "\e95e"; 312 | } 313 | .iconly-brokenVolume-Down:before { 314 | content: "\e95f"; 315 | } 316 | .iconly-brokenVolume-Off:before { 317 | content: "\e960"; 318 | } 319 | .iconly-brokenVolume-Up:before { 320 | content: "\e961"; 321 | } 322 | .iconly-brokenWallet:before { 323 | content: "\e962"; 324 | } 325 | .iconly-brokenWork:before { 326 | content: "\e963"; 327 | } 328 | -------------------------------------------------------------------------------- /assets/vendors/iconly/fonts/Iconly---Bold.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/iconly/fonts/Iconly---Bold.eot -------------------------------------------------------------------------------- /assets/vendors/iconly/fonts/Iconly---Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/iconly/fonts/Iconly---Bold.ttf -------------------------------------------------------------------------------- /assets/vendors/iconly/fonts/Iconly---Bold.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/iconly/fonts/Iconly---Bold.woff -------------------------------------------------------------------------------- /assets/vendors/iconly/fonts/Iconly-Broken.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/iconly/fonts/Iconly-Broken.eot -------------------------------------------------------------------------------- /assets/vendors/iconly/fonts/Iconly-Broken.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/iconly/fonts/Iconly-Broken.ttf -------------------------------------------------------------------------------- /assets/vendors/iconly/fonts/Iconly-Broken.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/iconly/fonts/Iconly-Broken.woff -------------------------------------------------------------------------------- /assets/vendors/iconly/fonts/Iconly-bulk.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/iconly/fonts/Iconly-bulk.eot -------------------------------------------------------------------------------- /assets/vendors/iconly/fonts/Iconly-bulk.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/iconly/fonts/Iconly-bulk.ttf -------------------------------------------------------------------------------- /assets/vendors/iconly/fonts/Iconly-bulk.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/iconly/fonts/Iconly-bulk.woff -------------------------------------------------------------------------------- /assets/vendors/iconly/fonts/Iconly-light.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/assets/vendors/iconly/fonts/Iconly-light.eot -------------------------------------------------------------------------------- /assets/vendors/perfect-scrollbar/css/perfect-scrollbar.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Container style 3 | */ 4 | .ps { 5 | overflow: hidden !important; 6 | overflow-anchor: none; 7 | -ms-overflow-style: none; 8 | touch-action: auto; 9 | -ms-touch-action: auto; 10 | } 11 | 12 | /* 13 | * Scrollbar rail styles 14 | */ 15 | .ps__rail-x { 16 | display: none; 17 | opacity: 0; 18 | transition: background-color .2s linear, opacity .2s linear; 19 | -webkit-transition: background-color .2s linear, opacity .2s linear; 20 | height: 15px; 21 | /* there must be 'bottom' or 'top' for ps__rail-x */ 22 | bottom: 0px; 23 | /* please don't change 'position' */ 24 | position: absolute; 25 | } 26 | 27 | .ps__rail-y { 28 | display: none; 29 | opacity: 0; 30 | transition: background-color .2s linear, opacity .2s linear; 31 | -webkit-transition: background-color .2s linear, opacity .2s linear; 32 | width: 15px; 33 | /* there must be 'right' or 'left' for ps__rail-y */ 34 | right: 0; 35 | /* please don't change 'position' */ 36 | position: absolute; 37 | } 38 | 39 | .ps--active-x > .ps__rail-x, 40 | .ps--active-y > .ps__rail-y { 41 | display: block; 42 | background-color: transparent; 43 | } 44 | 45 | .ps:hover > .ps__rail-x, 46 | .ps:hover > .ps__rail-y, 47 | .ps--focus > .ps__rail-x, 48 | .ps--focus > .ps__rail-y, 49 | .ps--scrolling-x > .ps__rail-x, 50 | .ps--scrolling-y > .ps__rail-y { 51 | opacity: 0.6; 52 | } 53 | 54 | .ps .ps__rail-x:hover, 55 | .ps .ps__rail-y:hover, 56 | .ps .ps__rail-x:focus, 57 | .ps .ps__rail-y:focus, 58 | .ps .ps__rail-x.ps--clicking, 59 | .ps .ps__rail-y.ps--clicking { 60 | background-color: #eee; 61 | opacity: 0.9; 62 | } 63 | 64 | /* 65 | * Scrollbar thumb styles 66 | */ 67 | .ps__thumb-x { 68 | background-color: #aaa; 69 | border-radius: 6px; 70 | transition: background-color .2s linear, height .2s ease-in-out; 71 | -webkit-transition: background-color .2s linear, height .2s ease-in-out; 72 | height: 6px; 73 | /* there must be 'bottom' for ps__thumb-x */ 74 | bottom: 2px; 75 | /* please don't change 'position' */ 76 | position: absolute; 77 | } 78 | 79 | .ps__thumb-y { 80 | background-color: #aaa; 81 | border-radius: 6px; 82 | transition: background-color .2s linear, width .2s ease-in-out; 83 | -webkit-transition: background-color .2s linear, width .2s ease-in-out; 84 | width: 6px; 85 | /* there must be 'right' for ps__thumb-y */ 86 | right: 2px; 87 | /* please don't change 'position' */ 88 | position: absolute; 89 | } 90 | 91 | .ps__rail-x:hover > .ps__thumb-x, 92 | .ps__rail-x:focus > .ps__thumb-x, 93 | .ps__rail-x.ps--clicking .ps__thumb-x { 94 | background-color: #999; 95 | height: 11px; 96 | } 97 | 98 | .ps__rail-y:hover > .ps__thumb-y, 99 | .ps__rail-y:focus > .ps__thumb-y, 100 | .ps__rail-y.ps--clicking .ps__thumb-y { 101 | background-color: #999; 102 | width: 11px; 103 | } 104 | 105 | /* MS supports */ 106 | @supports (-ms-overflow-style: none) { 107 | .ps { 108 | overflow: auto !important; 109 | } 110 | } 111 | 112 | @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 113 | .ps { 114 | overflow: auto !important; 115 | } 116 | } 117 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/audio.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 9 | 10 | 11 | 15 | 16 | 17 | 21 | 22 | 23 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/ball-triangle.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 17 | 18 | 19 | 25 | 31 | 32 | 33 | 38 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/bars.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | 11 | 12 | 13 | 17 | 21 | 22 | 23 | 27 | 31 | 32 | 33 | 37 | 41 | 42 | 43 | 47 | 51 | 52 | 53 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/circles.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | 11 | 12 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/grid.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 7 | 8 | 9 | 13 | 14 | 15 | 19 | 20 | 21 | 25 | 26 | 27 | 31 | 32 | 33 | 37 | 38 | 39 | 43 | 44 | 45 | 49 | 50 | 51 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/hearts.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 10 | 11 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/oval.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/puff.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 12 | 19 | 20 | 21 | 28 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/rings.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 10 | 14 | 18 | 19 | 20 | 25 | 29 | 33 | 34 | 35 | 40 | 41 | 42 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/spinning-circles.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 10 | 11 | 12 | 16 | 17 | 18 | 22 | 23 | 24 | 28 | 29 | 30 | 34 | 35 | 36 | 40 | 41 | 42 | 46 | 47 | 48 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/tail-spin.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 20 | 21 | 22 | 29 | 30 | 31 | 32 | 33 | -------------------------------------------------------------------------------- /assets/vendors/svg-loaders/three-dots.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | 12 | 13 | 14 | 18 | 22 | 23 | 24 | 28 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /components/Layouts/LayoutFooter.vue: -------------------------------------------------------------------------------- 1 | 14 | -------------------------------------------------------------------------------- /components/Layouts/LayoutHeader.vue: -------------------------------------------------------------------------------- 1 | 8 | 15 | -------------------------------------------------------------------------------- /components/Layouts/Sidebar/Dark.vue: -------------------------------------------------------------------------------- 1 | 13 | 41 | -------------------------------------------------------------------------------- /components/Layouts/Sidebar/LayoutSidebar.vue: -------------------------------------------------------------------------------- 1 | 78 | 108 | 109 | 110 | 115 | -------------------------------------------------------------------------------- /components/Layouts/Sidebar/SidebarItem.vue: -------------------------------------------------------------------------------- 1 | 55 | 76 | 81 | -------------------------------------------------------------------------------- /components/Layouts/VerticalHeader.vue: -------------------------------------------------------------------------------- 1 | 78 | 79 | 85 | -------------------------------------------------------------------------------- /components/README.md: -------------------------------------------------------------------------------- 1 | # COMPONENTS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | The components directory contains your Vue.js Components. 6 | 7 | _Nuxt.js doesn't supercharge these components._ 8 | -------------------------------------------------------------------------------- /layouts/1-column.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /layouts/README.md: -------------------------------------------------------------------------------- 1 | # LAYOUTS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your Application Layouts. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts). 8 | -------------------------------------------------------------------------------- /layouts/default.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /layouts/error.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /layouts/vertical.vue: -------------------------------------------------------------------------------- 1 | 7 | 19 | -------------------------------------------------------------------------------- /middleware/README.md: -------------------------------------------------------------------------------- 1 | # MIDDLEWARE 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your application middleware. 6 | Middleware let you define custom functions that can be run before rendering either a page or a group of pages. 7 | 8 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware). 9 | -------------------------------------------------------------------------------- /nuxt.config.ts: -------------------------------------------------------------------------------- 1 | export default defineNuxtConfig({ 2 | css: [ 3 | "assets/scss/themes/dark/app-dark.scss", 4 | "assets/scss/app.scss", 5 | "assets/scss/iconly.scss", 6 | ], 7 | 8 | plugins: [ 9 | { src: '~/plugins/bootstrap.client', mode: 'client' }, 10 | ], 11 | modules: [ 12 | '@pinia/nuxt', 13 | '@nuxtjs/google-fonts', 14 | '@nuxtjs/color-mode' 15 | ], 16 | colorMode: { 17 | classPrefix: 'theme-', 18 | classSuffix: '' 19 | }, 20 | googleFonts: { 21 | families: { 22 | 'Nunito': true, 23 | }, 24 | }, 25 | }) 26 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "mazer-nuxt", 3 | "version": "2.0.2", 4 | "scripts": { 5 | "build": "nuxt build", 6 | "dev": "nuxt dev", 7 | "start": "nuxt start", 8 | "generate": "nuxt generate", 9 | "preview": "nuxt preview", 10 | "postinstall": "nuxt prepare" 11 | }, 12 | "repository": { 13 | "type": "git", 14 | "url": "https://github.com/fzn0x/mazer-nuxt" 15 | }, 16 | "dependencies": { 17 | "@nuxtjs/color-mode": "^3.3.0", 18 | "@popperjs/core": "^2.11.8", 19 | "apexcharts": "^3.41.0", 20 | "bootstrap": "^5.3.2", 21 | "bootstrap-icons": "^1.10.5", 22 | "feather-icons": "^4.29.0", 23 | "vue3-apexcharts": "^1.4.4" 24 | }, 25 | "devDependencies": { 26 | "@nuxtjs/google-fonts": "^3.0.2", 27 | "@pinia/nuxt": "^0.4.11", 28 | "@types/bootstrap": "^5.2.6", 29 | "nuxt": "^3.6.2", 30 | "perfect-scrollbar": "^1.5.5", 31 | "pinia": "^2.1.7", 32 | "sass": "^1.63.6", 33 | "sass-loader": "^13.3.2" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /pages/README.md: -------------------------------------------------------------------------------- 1 | # PAGES 2 | 3 | This directory contains your Application Views and Routes. 4 | The framework reads all the `*.vue` files inside this directory and creates the router of your application. 5 | 6 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing). 7 | -------------------------------------------------------------------------------- /pages/[...slug].vue: -------------------------------------------------------------------------------- 1 | 13 | -------------------------------------------------------------------------------- /pages/components/Accordion.vue: -------------------------------------------------------------------------------- 1 | 117 | -------------------------------------------------------------------------------- /pages/components/Collapse.vue: -------------------------------------------------------------------------------- 1 | 83 | -------------------------------------------------------------------------------- /pages/components/Toasts.vue: -------------------------------------------------------------------------------- 1 | 69 | 70 | 85 | -------------------------------------------------------------------------------- /pages/components/badge.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /pages/components/breadcrumb.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /pages/components/carousel.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /pages/components/progress.vue: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /pages/components/tooltip.vue: -------------------------------------------------------------------------------- 1 | 70 | 71 | 81 | -------------------------------------------------------------------------------- /pages/layouts/1-column.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /pages/layouts/default.vue: -------------------------------------------------------------------------------- 1 | 33 | -------------------------------------------------------------------------------- /pages/layouts/horizontal-menu.vue: -------------------------------------------------------------------------------- 1 | 54 | -------------------------------------------------------------------------------- /pages/layouts/rtl.vue: -------------------------------------------------------------------------------- 1 | 54 | -------------------------------------------------------------------------------- /pages/layouts/vertical.vue: -------------------------------------------------------------------------------- 1 | 6 | 54 | -------------------------------------------------------------------------------- /plugins/README.md: -------------------------------------------------------------------------------- 1 | # PLUGINS 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains Javascript plugins that you want to run before mounting the root Vue.js application. 6 | 7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins). 8 | -------------------------------------------------------------------------------- /plugins/apexcharts.client.ts: -------------------------------------------------------------------------------- 1 | import VueApexCharts from "vue3-apexcharts"; 2 | 3 | export default defineNuxtPlugin((nuxtApp) => { 4 | nuxtApp.vueApp.use(VueApexCharts); 5 | }); 6 | -------------------------------------------------------------------------------- /plugins/bootstrap.client.ts: -------------------------------------------------------------------------------- 1 | import { Toast, Tooltip } from "bootstrap"; 2 | 3 | export default defineNuxtPlugin(() => ({ 4 | provide: { 5 | bootstrap: { 6 | Toast, 7 | Tooltip, 8 | }, 9 | }, 10 | })); 11 | -------------------------------------------------------------------------------- /public/README.md: -------------------------------------------------------------------------------- 1 | # STATIC 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your static files. 6 | Each file inside this directory is mapped to `/`. 7 | Thus you'd want to delete this README.md before deploying to production. 8 | 9 | Example: `/static/robots.txt` is mapped as `/robots.txt`. 10 | 11 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static). 12 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fzn0x/mazer-nuxt/857ae98674a984e827ced18778137beb5fb34640/public/favicon.ico -------------------------------------------------------------------------------- /store/README.md: -------------------------------------------------------------------------------- 1 | # STORE 2 | 3 | **This directory is not required, you can delete it if you don't want to use it.** 4 | 5 | This directory contains your Vuex Store files. 6 | Vuex Store option is implemented in the Nuxt.js framework. 7 | 8 | Creating a file in this directory automatically activates the option in the framework. 9 | 10 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store). 11 | -------------------------------------------------------------------------------- /store/data/sidebarItems.ts: -------------------------------------------------------------------------------- 1 | export default [ 2 | { 3 | "name": "Menu", 4 | "isTitle": true 5 | }, 6 | { 7 | "name": "Dashboard", 8 | "url": "/", 9 | "icon": "grid-fill" 10 | }, 11 | { 12 | "name": "Components", 13 | "key": "components", 14 | "icon": "stack", 15 | "submenu": [ 16 | { 17 | "name": "Accordion", 18 | "url": "/components/Accordion" 19 | }, 20 | { 21 | "name": "Alert", 22 | "url": "/components/Alert" 23 | }, 24 | { 25 | "name": "Badge", 26 | "url": "/components/Badge" 27 | }, 28 | { 29 | "name": "Breadcrumb", 30 | "url": "/components/Breadcrumb" 31 | }, 32 | { 33 | "name": "Button", 34 | "url": "/components/Button" 35 | }, 36 | { 37 | "name": "Card", 38 | "url": "/components/Card" 39 | }, 40 | { 41 | "name": "Carousel", 42 | "url": "/components/Carousel" 43 | }, 44 | { 45 | "name": "Collapse", 46 | "url": "/components/Collapse" 47 | }, 48 | { 49 | "name": "Dropdown", 50 | "url": "/components/Dropdown" 51 | }, 52 | { 53 | "name": "List Group", 54 | "url": "/components/ListGroup" 55 | }, 56 | { 57 | "name": "Modal", 58 | "url": "/components/Modal" 59 | }, 60 | { 61 | "name": "Navs", 62 | "url": "/components/Navs" 63 | }, 64 | { 65 | "name": "Pagination", 66 | "url": "/components/Pagination" 67 | }, 68 | { 69 | "name": "Progress", 70 | "url": "/components/Progress" 71 | }, 72 | { 73 | "name": "Spinner", 74 | "url": "/components/Spinner" 75 | }, 76 | { 77 | "name": "Toasts", 78 | "url": "/components/Toasts" 79 | }, 80 | { 81 | "name": "Tooltip", 82 | "url": "/components/Tooltip" 83 | } 84 | ] 85 | }, 86 | { 87 | "name": "Layouts", 88 | "key": "layout", 89 | "icon": "grid-1x2-fill", 90 | "submenu": [ 91 | { 92 | "name": "Default Layout", 93 | "url": "/layouts/default" 94 | }, 95 | { 96 | "name": "1 Column", 97 | "url": "/layouts/1-column" 98 | }, 99 | { 100 | "name": "Vertical with Navbar", 101 | "url": "/layouts/vertical" 102 | }, 103 | { 104 | "name": "RTL Layout", 105 | "url": "/layouts/rtl" 106 | }, 107 | { 108 | "name": "Horizontal Menu", 109 | "url": "/layouts/horizontal-menu" 110 | }, 111 | ] 112 | }, 113 | ]; 114 | -------------------------------------------------------------------------------- /store/index.ts: -------------------------------------------------------------------------------- 1 | import sideBarItems from './data/sidebarItems'; 2 | import {defineStore} from 'pinia' 3 | import {reactive, ref} from "vue"; 4 | 5 | export const useStore = defineStore('main', () => { 6 | const sidebarItems = reactive(sideBarItems) 7 | const isSidebarActive = ref(true) 8 | const isDark = ref(true) 9 | const toggleSidebar = () => isSidebarActive.value = !isSidebarActive.value 10 | const closeSidebar = () => isSidebarActive.value = false 11 | const openSidebar = () => isSidebarActive.value = true 12 | const toggleDark = () => isDark.value = !isDark.value 13 | 14 | return { 15 | sidebarItems, 16 | isSidebarActive, 17 | isDark, 18 | toggleDark, 19 | toggleSidebar, 20 | closeSidebar, 21 | openSidebar 22 | } 23 | }) 24 | -------------------------------------------------------------------------------- /tea.yaml: -------------------------------------------------------------------------------- 1 | # https://tea.xyz/what-is-this-file 2 | --- 3 | version: 1.0.0 4 | codeOwners: 5 | - '0xC4D0489B95A83e6903a82cEa8Aa9F9731F2E040e' 6 | quorum: 1 7 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | // https://v3.nuxtjs.org/concepts/typescript 3 | "extends": "./.nuxt/tsconfig.json" 4 | } 5 | --------------------------------------------------------------------------------