@vixcom/ui 1.3.0 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/animations.css +174 -0
- package/dist/css/animations.css.map +1 -0
- package/dist/css/colors.css +2651 -0
- package/dist/css/colors.css.map +1 -0
- package/dist/css/external/bootstrap-grid.css +4055 -0
- package/dist/css/external/bootstrap-grid.css.map +1 -0
- package/dist/css/external/bootstrap.css +9582 -0
- package/dist/css/external/bootstrap.css.map +1 -0
- package/dist/css/external/mdb.css +8811 -0
- package/dist/css/external/mdb.css.map +1 -0
- package/dist/css/external/owl-carousel.css +218 -0
- package/dist/css/external/owl-carousel.css.map +1 -0
- package/dist/css/external/tailwindcss.css +3 -0
- package/dist/css/external/tailwindcss.css.map +1 -0
- package/dist/css/fonts.css +143 -0
- package/dist/css/fonts.css.map +1 -0
- package/dist/css/grid.css +6 -0
- package/dist/css/grid.css.map +1 -0
- package/dist/css/helper/owl.carousel.css +75 -0
- package/dist/css/helper/owl.carousel.css.map +1 -0
- package/dist/css/helper/primefaces.css +309 -0
- package/dist/css/helper/primefaces.css.map +1 -0
- package/dist/css/helper/tailwindcss.css +6 -0
- package/dist/css/helper/tailwindcss.css.map +1 -0
- package/dist/css/icons/external/bootstrap.icons.css +7838 -0
- package/dist/css/icons/external/bootstrap.icons.css.map +1 -0
- package/dist/css/icons/external/fontawesome.icons.css +6122 -0
- package/dist/css/icons/external/fontawesome.icons.css.map +1 -0
- package/dist/css/icons/external/material-design.icons.css +5727 -0
- package/dist/css/icons/external/material-design.icons.css.map +1 -0
- package/dist/css/icons/external/themify.icons.css +1428 -0
- package/dist/css/icons/external/themify.icons.css.map +1 -0
- package/dist/css/index.css +22 -0
- package/dist/css/index.css.map +1 -0
- package/dist/css/main.css +1814 -0
- package/dist/css/main.css.map +1 -0
- package/dist/css/menu.css +561 -0
- package/dist/css/menu.css.map +1 -0
- package/dist/css/polyfills.css +10 -0
- package/dist/css/polyfills.css.map +1 -0
- package/dist/css/sizes.css +5974 -0
- package/dist/css/sizes.css.map +1 -0
- package/dist/css/variables.css +258 -0
- package/dist/css/variables.css.map +1 -0
- package/package.json +11 -2
- package/src/css/animations.css +3 -3
- package/src/css/animations.css.map +1 -1
- package/src/css/colors.css +1126 -1122
- package/src/css/colors.css.map +1 -1
- package/src/css/helper/owl.carousel.css +3 -3
- package/src/css/helper/owl.carousel.css.map +1 -1
- package/src/css/icons/external/bootstrap.icons.css +5088 -2751
- package/src/css/icons/external/bootstrap.icons.css.map +1 -1
- package/src/css/main.css +62 -95
- package/src/css/main.css.map +1 -1
- package/src/css/menu.css +176 -189
- package/src/css/menu.css.map +1 -1
- package/src/css/sizes.css +1164 -1164
- package/src/fonts/bootstrap-icons.woff +0 -0
- package/src/index.html +31 -46
- package/src/js/alpine +5 -0
- package/src/pages/menu/index.html +98 -0
- package/src/styles/_mixins.scss +55 -90
- package/src/styles/animations.scss +16 -17
- package/src/styles/colors.scss +13 -16
- package/src/styles/fonts.scss +42 -5
- package/src/styles/helper/owl.carousel.scss +6 -7
- package/src/styles/helper/primefaces.scss +50 -17
- package/src/styles/icons/external/bootstrap.icons.css +1969 -5490
- package/src/styles/index.scss +0 -3
- package/src/styles/main.scss +121 -184
- package/src/styles/menu.scss +174 -204
- package/src/styles/sizes.scss +2 -37
- package/src/styles/variables.scss +3 -3
- package/src/css/app.css.map +0 -1
- package/src/pages/sidemenu/index.html +0 -65
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
|
|
4
|
-
<head>
|
|
5
|
-
<base href="/">
|
|
6
|
-
<meta charset="UTF-8">
|
|
7
|
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
8
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
9
|
-
<title>Sidemenu - VX Dashboard</title>
|
|
10
|
-
<link rel="stylesheet" href="css/icons/external/bootstrap.icons.css">
|
|
11
|
-
<link rel="stylesheet" href="css/external/bootstrap.css">
|
|
12
|
-
<link rel="stylesheet" href="css/index.css">
|
|
13
|
-
<link rel="stylesheet" href="css/menu.css">
|
|
14
|
-
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/png">
|
|
15
|
-
<script src="https://unpkg.com/alpinejs" defer></script>
|
|
16
|
-
</head>
|
|
17
|
-
|
|
18
|
-
<body :class="`main-menu-container ${type}`" x-data="{type:'grid',mini: true}">
|
|
19
|
-
<input type="checkbox" id="main-menu-trigger" class="main-menu-trigger">
|
|
20
|
-
<div class="side-menu bg-primary" :class="{mini}">
|
|
21
|
-
<header class="menu-header">
|
|
22
|
-
<img src="assets/img/logo.png" class="main-logo menu-logo silhouette" alt="icon">
|
|
23
|
-
<img src="assets/img/icon.png" class="main-logo menu-logo-alt" alt="icon-alt">
|
|
24
|
-
</header>
|
|
25
|
-
<nav>
|
|
26
|
-
<template x-for="(v,k) of {flex:'bounding-box', grid: 'grid'}">
|
|
27
|
-
<label class="item" :class="{active: k === type}" :title="k">
|
|
28
|
-
<i :class="`icon bi bi-${v}`"></i>
|
|
29
|
-
<span class="label" x-text="k"></span>
|
|
30
|
-
<input class="d-none" type="radio" name="type" :value="k" x-model="type">
|
|
31
|
-
</label>
|
|
32
|
-
</template>
|
|
33
|
-
</nav>
|
|
34
|
-
<footer class="menu-footer">
|
|
35
|
-
<label for="main-menu-trigger" class="bi bi-list main-menu-toggle ml-auto" />
|
|
36
|
-
</footer>
|
|
37
|
-
</div>
|
|
38
|
-
<main>
|
|
39
|
-
<header class="page-header sticky">
|
|
40
|
-
<label for="main-menu-trigger" class="bi bi-list main-menu-toggle"></label>
|
|
41
|
-
<img src="assets/img/default.png" alt="logo" class="sq-3">
|
|
42
|
-
</header>
|
|
43
|
-
<section>
|
|
44
|
-
<h1>VX Dashboard Sidemenu</h1>
|
|
45
|
-
<div>
|
|
46
|
-
<menu>
|
|
47
|
-
<label class="item gap-1 checkbox">
|
|
48
|
-
<input class="default" type="checkbox" name="mini" x-model="mini">
|
|
49
|
-
<span class="lasbel">Side Menu as Mini</span>
|
|
50
|
-
</label>
|
|
51
|
-
<label for="main-menu-trigger" class="item gap-1 flex-item"><i class="bi bi-list font-1"></i>Toggle Menu</label>
|
|
52
|
-
</menu>
|
|
53
|
-
</div>
|
|
54
|
-
</section>
|
|
55
|
-
<footer>All rights reserved</footer>
|
|
56
|
-
<style>
|
|
57
|
-
.main-menu-trigger:checked~.page {
|
|
58
|
-
border-top: thick solid var(--secondary);
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
.main-menu {}
|
|
62
|
-
</style>
|
|
63
|
-
</body>
|
|
64
|
-
|
|
65
|
-
</html>
|