Skip to content

Commit 978c92e

Browse files
committed
Refactor VlanCard component for improved styling and readability
- Update the VlanCard component's structure and styling for better visual consistency. - Adjust border styles and colors for enhanced clarity. - Modify text colors for improved readability in light and dark modes.
1 parent 4d6117f commit 978c92e

File tree

1 file changed

+10
-3
lines changed
  • docusaurus/src/components/MikrotikNetworking/VlanSchema

1 file changed

+10
-3
lines changed

docusaurus/src/components/MikrotikNetworking/VlanSchema/index.tsx

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,15 +18,22 @@ const VlanCard = ({
1818
tag,
1919
borderColor,
2020
}: VlanCardProps) => (
21-
<div className={cx("bg-[#1c1c1c] p-4 border-l-4", borderColor)}>
21+
<div
22+
className={cx(
23+
"p-4 border-t-2 border-b-2 border-r-2 border-l-6 rounded-r-lg",
24+
borderColor
25+
)}
26+
>
2227
<div className="grid grid-cols-2 md:grid-cols-5 gap-4 items-center">
2328
<div>
24-
<span className="font-bold text-white">{vlan}</span>
29+
<span className="font-bold">{vlan}</span>
2530
<br />
2631
<span className="text-sm text-gray-500">{name}</span>
2732
</div>
2833
<div>
29-
<span className="font-semibold text-gray-300">{subnet}</span>
34+
<span className="font-semibold text-gray-600 dark:text-gray-300">
35+
{subnet}
36+
</span>
3037
<br />
3138
<span className="text-sm text-gray-500">Subnet</span>
3239
</div>

0 commit comments

Comments
 (0)