justboil / admin-one-tailwind Goto Github PK
View Code? Open in Web Editor NEWAdmin One - Free Tailwind admin dashboard template
Home Page: https://justboil.github.io/admin-one-tailwind/
License: MIT License
Admin One - Free Tailwind admin dashboard template
Home Page: https://justboil.github.io/admin-one-tailwind/
License: MIT License
Hi, i see booth theme this one and the Vue version, and see that in Vue version there also a premium that have more features.
And i really enjoy the premium but it hard for me to integrate a Vue version in my project, i need the vanilla HTML for work.
Have you a possibility or i after i purchase the theme to build the vanilla one from the premium vue and use it in my Laravel & Liwewire project?
Hey,
Disclaimer: Not a frontend person :)
I got it running but there does not seem to have a way to 'watch and recompile'
I managed to add a express server that reads the html from the dist directory, but how can I set it up to automatically recompile it whenever I make a change?
I am trying to use your template in next js, but result not as expected, looks like css override each other
here is my package.json
{
"name": "ace-next-adminone",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"autoprefixer": "^10.2.6",
"next": "11.0.0",
"postcss": "^8.3.5",
"postcss-import": "^14.0.2",
"react": "17.0.2",
"react-dom": "17.0.2",
"tailwindcss": "^2.2.2"
},
"devDependencies": {
"eslint": "7.29.0",
"eslint-config-next": "11.0.0"
}
}
tailwind_config.json
module.exports = {
purge: [
'./pages//*.{js,ts,jsx,tsx}',
'./components//*.{js,ts,jsx,tsx}'
],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {
zIndex: {
'-1': '-1',
},
flexGrow: {
'5' : '5'
}
},
},
variants: {
extend: {},
},
plugins: [],
}
global.css
@tailwind base;
@tailwind components;
@tailwind utilities;
@import "_app.css";
@import "_navbar.css";
@import "_aside.css";
@import "_title-bar.css";
@import "_button.css";
@import "_hero.css";
@import "_card.css";
@import "_icon.css";
@import "_tiles.css";
@import "_table.css";
@import "_progress.css";
@import "_level.css";
@import "_image.css";
@import "_modal.css";
@import "_notifications.css";
@import "form/_checkbox-radio-switch.css";
@import "form/_form.css";
@import "_footer.css";
Login preview
please info for any clue.
thanks
after opening the modals in the tables page the scroll gets disabled
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.