designrevision / shards-dashboard Goto Github PK
View Code? Open in Web Editor NEW๐ฅA beautiful Bootstrap 4 admin dashboard templates pack.
Home Page: https://designrevision.com/downloads/shards-dashboard-lite/
License: MIT License
๐ฅA beautiful Bootstrap 4 admin dashboard templates pack.
Home Page: https://designrevision.com/downloads/shards-dashboard-lite/
License: MIT License
When the page in the toggle-sidebar class is reduced, the element that is clicked to open the sidebar also appears without a complete shrinkage. I guess these lines should be corrected.
<nav class="nav"> <a href="#" class="nav-link nav-link-icon toggle-sidebar d-sm-inline d-md-none text-center border-left" data-toggle="collapse" data-target=".header-navbar" aria-expanded="false" aria-controls="header-navbar"> <i class="material-icons">๎</i> </a> </nav>
"d-md-inline d-lg-none
" replace "d-sm-inline d-md-none
"
In the file styles/scss/shards-dashboards.scss there is this import :
// Base Shards UI Kit
@import "../../node_modules/shards-ui/src/scss/shards";
self is error
self.__precacheManifest = [
{
"revision": "ab6201c27579e67a85c0",
"url": "./static/css/main.da36c60a.chunk.css"
},
{
"revision": "ab6201c27579e67a85c0",
"url": "./static/js/main.ab6201c2.chunk.js"
},
{
"revision": "a39c2b1f10bfaa880fbe",
"url": "./static/css/1.7ea21b64.chunk.css"
},
{
"revision": "a39c2b1f10bfaa880fbe",
"url": "./static/js/1.a39c2b1f.chunk.js"
},
{
"revision": "4a686d48d5a089750c49",
"url": "./static/js/runtime~main.4a686d48.js"
},
{
"revision": "73476783ca0f7583198978de7073815b",
"url": "./static/media/0.73476783.jpg"
},
{
"revision": "60a859917fe65ea1f9f070e0dc080c76",
"url": "./static/media/shards-dashboards-logo.60a85991.svg"
},
{
"revision": "ed986061ad9bf89c081724362956b134",
"url": "./static/media/1.ed986061.jpeg"
},
{
"revision": "780ccb41c83dad3cbd24a9bcd3262586",
"url": "./static/media/2.780ccb41.jpeg"
},
{
"revision": "41bf3241965cc7c2990174ed9d6e9714",
"url": "./static/media/3.41bf3241.jpeg"
},
{
"revision": "026cb7af3133d721efff2a0134f7e16f",
"url": "./static/media/4.026cb7af.jpeg"
},
{
"revision": "6e846951d7a04c931a0f9efa94a1316f",
"url": "./static/media/5.6e846951.jpeg"
},
{
"revision": "47789d678cfff97c48fda4de3f3621d5",
"url": "./static/media/6.47789d67.jpeg"
},
{
"revision": "2835396c930c8bf53ffd3beeedba7c41",
"url": "./static/media/7.2835396c.jpeg"
},
{
"revision": "10b775cc930b6986ec69eb9a4adef56a",
"url": "./static/media/8.10b775cc.jpeg"
},
{
"revision": "565ad4a387d2090e5d73f0c7b8de2793",
"url": "./static/media/9.565ad4a3.jpeg"
},
{
"revision": "fe349e8528c79623ea6795ddd110985a",
"url": "./static/media/10.fe349e85.jpeg"
},
{
"revision": "4196fb20f8b4ed8f4b062499c1f43136",
"url": "./index.html"
}
];
On the documentation page under Bug Report is a link official repository on GitHub
.
That link https://github.com/designrevision/shards-dashboard-lite
refers to a repository which doesn't exists.
The radio and check indicators are not aligned properly, the problem occurs on screen widths greater than 1200px.
Hello!
I tried to run this beautiful dashboard but after npm install
I tried to start npm start
command and this happened:
> [email protected] start
> gulp
fs.js:42
} = primordials;
^
ReferenceError: primordials is not defined
at fs.js:42:5
at req_ (D:\Skola\Vysoka\projektak\dashboard\shards-dashboard\node_modules\natives\index.js:143:24)
at Object.req [as require] (D:\Skola\Vysoka\projektak\dashboard\shards-dashboard\node_modules\natives\index.js:55:10)
at Object.<anonymous> (D:\Skola\Vysoka\projektak\dashboard\shards-dashboard\node_modules\vinyl-fs\node_modules\graceful-fs\fs.js:1:37)
at Module._compile (node:internal/modules/cjs/loader:1155:14)
at Object.Module._extensions..js (node:internal/modules/cjs/loader:1209:10)
at Module.load (node:internal/modules/cjs/loader:1033:32)
at Function.Module._load (node:internal/modules/cjs/loader:868:12)
at Module.require (node:internal/modules/cjs/loader:1057:19)
at require (node:internal/modules/cjs/helpers:103:18)
My version of node is managed by NVM and I ran it with version 12.22.12 and latest (16.18.0).
Thank you in an advance for your replies!
โ๏ธ I have searched the issues of this repository and believe that this is not a duplicate.
tag
supplied to NavLink
"react": "^16.13.1",
"shards-react": "^1.0.3"
Warning: Failed prop type: Invalid prop
tag
supplied toDropdownItem
.
Warning: Legacy context API has been detected within a strict-mode tree.
The old API will be supported in all 16.x releases, but applications using it should migrate to the new version.
Please update the following components:Transition$$1
Warning: componentWillMount has been renamed, and is not recommended for use. See >https://fb.me/react-unsafe-component-lifecycles for details.
- Move code with side effects to componentDidMount, and set initial state in the constructor.
- Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in >non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run
npx react-codemod rename-unsafe-lifecycles
in your project source folder.Please update the following components: MainSidebar, SidebarNavItems
Hi!
I'm using Shards-UI 2.0.3.
When I write content inside the quill editor found in add-new-post.html
, I cannot get the bold
content to show up visually inside the editor. It just looks the same as all of the other content.
When I inspect the text, it is definitely being wrapped with the <strong>
tag. It's just not reflected within the editor itself.
I have made no changes to the js
or scss
anywhere in the template.
Is there a scss class hidden somewhere that is responsible for this?
Thanks in advance for your help.
Here's some screenshots in case I wasn't able to communicate clearly what my issue is.
https://i.imgur.com/VAlUzsF.png
https://i.imgur.com/ez3scPM.png
EDIT: I realize I didn't show a comparison between the emboldened text and non-emboldened text.. I assure though, they look the same.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.