first commit
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
.welcomeBox {
|
||||
background: #757FEF;
|
||||
border-radius: 10px;
|
||||
padding: 40px 20px;
|
||||
position: relative;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.welcomeContent {
|
||||
max-width: 300px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.welcomeBox h1 {
|
||||
margin: 0 0 10px;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
.welcomeBox p {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
color: #EDEFF5;
|
||||
}
|
||||
.welcomeBox img {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
/* For dark mode */
|
||||
[class="dark"] .welcomeBox {
|
||||
background-color: var(--cardBg);
|
||||
}
|
||||
[class="dark"] .welcomeContent {
|
||||
background: #161515;
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
import React from "react";
|
||||
import styles from "@/components/Dashboard/Analytics/Welcome/Welcome.module.css";
|
||||
|
||||
const Welcome = () => {
|
||||
return (
|
||||
<>
|
||||
<div className={styles.welcomeBox}>
|
||||
<div className={styles.welcomeContent}>
|
||||
<h1>Welcome to admash Dashboard!</h1>
|
||||
<p>
|
||||
You have done 68% 😎 more sales today. Check your new badge in your
|
||||
profile.
|
||||
</p>
|
||||
</div>
|
||||
<img src="/images/shape-1.png" alt="shape" />
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Welcome;
|
||||
Reference in New Issue
Block a user