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 = () => {
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-full h-96 rounded-3xl relative overflow-hidden"
style={{ backgroundColor: "#E3F2FF" }}
>
<div className="w-72 h-96 rounded-3xl relative overflow-hidden bg-[#E3F2FF]">
<div
style={{
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">
<h2 className="text-lg">تبلیغات دانوینی</h2>
<p className="text-sm text-justify leading-6 mt-2">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
استفاده از طراحان گرافیک است.
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
از طراحان گرافیک است.
</p>
</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>
</div>
</section>
);
};

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

Loading…
Cancel
Save