Skip to content

Commit

Permalink
refactor: change coolGray with blueGray
Browse files Browse the repository at this point in the history
  • Loading branch information
@einazare
einazare committed Mar 19, 2021
1 parent d6299af commit 6d7bafd
Showing 1 changed file with 32 additions and 32 deletions.
64 changes: 32 additions & 32 deletions src/components/Cards/CardTable.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export default function CardTable({ color }) {
<h3
className={
"font-semibold text-lg " +
(color === "light" ? "text-coolGray-700" : "text-white")
(color === "light" ? "text-blueGray-700" : "text-white")
}
>
Card Tables
Expand All @@ -37,7 +37,7 @@ export default function CardTable({ color }) {
className={
"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left " +
(color === "light"
? "bg-coolGray-50 text-coolGray-500 border-coolGray-100"
? "bg-blueGray-50 text-blueGray-500 border-blueGray-100"
: "bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700")
}
>
Expand All @@ -47,7 +47,7 @@ export default function CardTable({ color }) {
className={
"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left " +
(color === "light"
? "bg-coolGray-50 text-coolGray-500 border-coolGray-100"
? "bg-blueGray-50 text-blueGray-500 border-blueGray-100"
: "bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700")
}
>
Expand All @@ -57,7 +57,7 @@ export default function CardTable({ color }) {
className={
"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left " +
(color === "light"
? "bg-coolGray-50 text-coolGray-500 border-coolGray-100"
? "bg-blueGray-50 text-blueGray-500 border-blueGray-100"
: "bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700")
}
>
Expand All @@ -67,7 +67,7 @@ export default function CardTable({ color }) {
className={
"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left " +
(color === "light"
? "bg-coolGray-50 text-coolGray-500 border-coolGray-100"
? "bg-blueGray-50 text-blueGray-500 border-blueGray-100"
: "bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700")
}
>
Expand All @@ -77,7 +77,7 @@ export default function CardTable({ color }) {
className={
"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left " +
(color === "light"
? "bg-coolGray-50 text-coolGray-500 border-coolGray-100"
? "bg-blueGray-50 text-blueGray-500 border-blueGray-100"
: "bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700")
}
>
Expand All @@ -87,7 +87,7 @@ export default function CardTable({ color }) {
className={
"px-6 align-middle border border-solid py-3 text-xs uppercase border-l-0 border-r-0 whitespace-nowrap font-semibold text-left " +
(color === "light"
? "bg-coolGray-50 text-coolGray-500 border-coolGray-100"
? "bg-blueGray-50 text-blueGray-500 border-blueGray-100"
: "bg-lightBlue-800 text-lightBlue-300 border-lightBlue-700")
}
></th>
Expand All @@ -104,7 +104,7 @@ export default function CardTable({ color }) {
<span
className={
"ml-3 font-bold " +
+(color === "light" ? "text-coolGray-600" : "text-white")
+(color === "light" ? "text-blueGray-600" : "text-white")
}
>
Argon Design System
Expand All @@ -121,22 +121,22 @@ export default function CardTable({ color }) {
<img
src={require("assets/img/team-1-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow"
></img>
<img
src={require("assets/img/team-2-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
<img
src={require("assets/img/team-3-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
<img
src={require("assets/img/team-4-470x470.png").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
</div>
</td>
Expand Down Expand Up @@ -167,7 +167,7 @@ export default function CardTable({ color }) {
<span
className={
"ml-3 font-bold " +
+(color === "light" ? "text-coolGray-600" : "text-white")
+(color === "light" ? "text-blueGray-600" : "text-white")
}
>
Angular Now UI Kit PRO
Expand All @@ -185,22 +185,22 @@ export default function CardTable({ color }) {
<img
src={require("assets/img/team-1-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow"
></img>
<img
src={require("assets/img/team-2-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
<img
src={require("assets/img/team-3-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
<img
src={require("assets/img/team-4-470x470.png").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
</div>
</td>
Expand Down Expand Up @@ -231,7 +231,7 @@ export default function CardTable({ color }) {
<span
className={
"ml-3 font-bold " +
+(color === "light" ? "text-coolGray-600" : "text-white")
+(color === "light" ? "text-blueGray-600" : "text-white")
}
>
Black Dashboard Sketch
Expand All @@ -248,22 +248,22 @@ export default function CardTable({ color }) {
<img
src={require("assets/img/team-1-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow"
></img>
<img
src={require("assets/img/team-2-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
<img
src={require("assets/img/team-3-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
<img
src={require("assets/img/team-4-470x470.png").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
</div>
</td>
Expand Down Expand Up @@ -294,7 +294,7 @@ export default function CardTable({ color }) {
<span
className={
"ml-3 font-bold " +
+(color === "light" ? "text-coolGray-600" : "text-white")
+(color === "light" ? "text-blueGray-600" : "text-white")
}
>
React Material Dashboard
Expand All @@ -312,22 +312,22 @@ export default function CardTable({ color }) {
<img
src={require("assets/img/team-1-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow"
></img>
<img
src={require("assets/img/team-2-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
<img
src={require("assets/img/team-3-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
<img
src={require("assets/img/team-4-470x470.png").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
</div>
</td>
Expand Down Expand Up @@ -358,7 +358,7 @@ export default function CardTable({ color }) {
<span
className={
"ml-3 font-bold " +
+(color === "light" ? "text-coolGray-600" : "text-white")
+(color === "light" ? "text-blueGray-600" : "text-white")
}
>
React Material Dashboard
Expand All @@ -376,22 +376,22 @@ export default function CardTable({ color }) {
<img
src={require("assets/img/team-1-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow"
></img>
<img
src={require("assets/img/team-2-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
<img
src={require("assets/img/team-3-800x800.jpg").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
<img
src={require("assets/img/team-4-470x470.png").default}
alt="..."
className="w-10 h-10 rounded-full border-2 border-coolGray-50 shadow -ml-4"
className="w-10 h-10 rounded-full border-2 border-blueGray-50 shadow -ml-4"
></img>
</div>
</td>
Expand Down

0 comments on commit 6d7bafd

Please sign in to comment.