project_syncfusion_dashboard
project_syncfusion_dashboard copied to clipboard
i Dont have banner
this banner dont work for me no idea why
I try also downloand your files and just paste to my project and dont work also no idea why
The banner issue is due to the fact that in the tailwind.config.css the source URL cannot fetch the file from wherever it was set to. So, you would have to configure the image path yourself. Change this; "url('https://demos.wrappixel.com/premium-admin-templates/react/flexy-react/main/static/media/welcome-bg-2x-svg.25338f53.svg')", to this; "url('put your image here')", Once the image has been put it will be bounded to the tailwind classes you specified.
isclicked is still undefined why
The banner issue is due to the fact that in the tailwind.config.css the source URL cannot fetch the file from wherever it was set to. So, you would have to configure the image path yourself. Change this; "url('https://demos.wrappixel.com/premium-admin-templates/react/flexy-react/main/static/media/welcome-bg-2x-svg.25338f53.svg')", to this; "url('put your image here')", Once the image has been put it will be bounded to the tailwind classes you specified.
Can you explain again?
In the file tailwind.config.js you have element
backgroundImage: { "hero-pattern": "url('https://i.ibb.co/MkvLDfb/Rectangle-4389.png')", },
This links to a white image. If you change the link to a chosen image from the internet - the banner will be populated with chosen image
module.exports = { content: ["./src/**/*.{js,jsx,ts,tsx}"], darkMode: "class", theme: { fontFamily: { display: ["Open Sans", "sans-serif"], body: ["Open Sans", "sans-serif"], }, extend: { fontSize: { 14: "14px", }, backgroundColor: { "main-bg": "#FAFBFB", "main-dark-bg": "#20232A", "secondary-dark-bg": "#33373E", "light-gray": "#F7F7F7", "half-transparent": "rgba(0, 0, 0, 0.5)", }, borderWidth: { 1: "1px", }, borderColor: { color: "rgba(0, 0, 0, 0.1)", }, width: { 400: "400px", 760: "760px", 780: "780px", 800: "800px", 1000: "1000px", 1200: "1200px", 1400: "1400px", }, height: { 80: "80px", }, minHeight: { 590: "590px", }, backgroundImage: { "hero-pattern": "url('https://i.ibb.co/MkvLDfb/Rectangle-4389.png')", }, }, }, plugins: [], };