update src/components/Advertisement/Design1/index.js and tailwind.config.js

master
mahdi 2 years ago
parent 1b0e7369b9
commit a95c47ddba
  1. 11
      src/components/Advertisement/Design1/index.js
  2. 9
      tailwind.config.js

@ -2,11 +2,7 @@ import React from "react";
const AdvertisementDesign1 = () => { const AdvertisementDesign1 = () => {
return ( return (
<section className="mx-auto bg-white m-10 w-full sm:w-8/12 md:w-5/12 lg:w-3/12"> <div className="w-72 h-96 rounded-3xl relative overflow-hidden bg-[#E3F2FF]">
<div
className="w-full h-96 rounded-3xl relative overflow-hidden"
style={{ backgroundColor: "#E3F2FF" }}
>
<div <div
style={{ style={{
width: "calc(100vw / 10)", width: "calc(100vw / 10)",
@ -37,15 +33,14 @@ const AdvertisementDesign1 = () => {
<div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10 z-50"> <div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10 z-50">
<h2 className="text-lg">تبلیغات دانوینی</h2> <h2 className="text-lg">تبلیغات دانوینی</h2>
<p className="text-sm text-justify leading-6 mt-2"> <p className="text-sm text-justify leading-6 mt-2">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
استفاده از طراحان گرافیک است. از طراحان گرافیک است.
</p> </p>
</div> </div>
<button className="rounded-sm text-base border p-3 w-6/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 z-50"> <button className="rounded-sm text-base border p-3 w-6/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 z-50">
دانلود اپلیکیشن دانلود اپلیکیشن
</button> </button>
</div> </div>
</section>
); );
}; };

@ -1,9 +1,5 @@
module.exports = { module.exports = {
purge: [ content: ["./pages/**/*.{html,js}", "./components/**/*.{html,js}"],
"./src/**/*.{js,jsx,ts,tsx}",
"./public/index.html",
"./node_modules/flowbite/**/*.js",
],
darkMode: "class", // or 'media' or 'class' darkMode: "class", // or 'media' or 'class'
theme: { theme: {
extend: { extend: {
@ -12,8 +8,5 @@ module.exports = {
}, },
}, },
}, },
variants: {
extend: {},
},
plugins: [require("flowbite/plugin")], plugins: [require("flowbite/plugin")],
}; };

Loading…
Cancel
Save