info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-31 21:11:44 +02:00
Code Issues Releases Wiki Activity

Change style of custom roadmap page

Browse Source
This commit is contained in:
Kamran Ahmed
2023-10-09 09:07:59 +01:00
parent 036b34c6f3
commit 6f9fe361ae
3 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/CustomRoadmap/EmptyRoadmap.tsx
View File

@@ -1,4 +1,4 @@
import { CircleSlash } from 'lucide-react'; import {CircleSlash, PenSquare, Shapes} from 'lucide-react';
type EmptyRoadmapProps = { type EmptyRoadmapProps = {
roadmapId: string; roadmapId: string;
@@ -18,8 +18,9 @@ export function EmptyRoadmap(props: EmptyRoadmapProps) {
{canManage && ( {canManage && (
<a <a
href={editUrl} href={editUrl}
className="mt-4 rounded-lg bg-black px-4 py-2 font-medium text-white hover:bg-gray-900" className="mt-4 rounded-md bg-gray-500 px-4 py-2 font-medium text-white hover:bg-gray-600 flex items-center"
> >
<Shapes className="inline-block mr-2 h-4 w-4" />
Edit Roadmap Edit Roadmap
</a> </a>
)} )}

7
src/components/CustomRoadmap/RoadmapHeader.tsx
View File

@@ -143,7 +143,7 @@ export function RoadmapHeader(props: RoadmapHeaderProps) {
$currentRoadmap?._id $currentRoadmap?._id
}`} }`}
target="_blank" target="_blank"
className="inline-flex items-center justify-center rounded-md bg-gray-500 py-1.5 pl-2 pr-2 text-xs font-medium text-white hover:bg-gray-600 sm:px-3 sm:text-sm" className="inline-flex items-center justify-center rounded-md bg-white py-1.5 pl-2 pr-2 text-xs font-medium text-black hover:bg-gray-300 hover:border-gray-300 sm:px-3 sm:text-sm border border-gray-300"
> >
<Shapes className="mr-1.5 h-4 w-4 stroke-[2.5]" /> <Shapes className="mr-1.5 h-4 w-4 stroke-[2.5]" />
<span className="hidden sm:inline-block">Edit Roadmap</span> <span className="hidden sm:inline-block">Edit Roadmap</span>
@@ -151,11 +151,10 @@ export function RoadmapHeader(props: RoadmapHeaderProps) {
</a> </a>
<button <button
onClick={() => setIsSharing(true)} onClick={() => setIsSharing(true)}
className="inline-flex items-center justify-center rounded-md bg-gray-500 py-1.5 pl-2 pr-2 text-xs font-medium text-white hover:bg-gray-600 sm:px-3 sm:text-sm" className="inline-flex items-center justify-center rounded-md bg-white py-1.5 pl-2 pr-2 text-xs font-medium text-black hover:bg-gray-300 hover:border-gray-300 sm:px-3 sm:text-sm border border-gray-300"
> >
<Lock className="mr-1.5 h-4 w-4 stroke-[2.5]" /> <Lock className="mr-1.5 h-4 w-4 stroke-[2.5]" />
<span className="hidden sm:inline-block">Share Roadmap</span> Sharing
<span className="sm:hidden">Share</span>
</button> </button>
<RoadmapActionButton <RoadmapActionButton

4
src/components/CustomRoadmap/SkeletonRoadmapHeader.tsx
View File

@@ -14,8 +14,8 @@ export function SkeletonRoadmapHeader() {
<div className="flex justify-between gap-2 sm:gap-0"> <div className="flex justify-between gap-2 sm:gap-0">
<div className="h-7 w-[35.04px] animate-pulse rounded-md bg-gray-300 sm:h-8 sm:w-32" /> <div className="h-7 w-[35.04px] animate-pulse rounded-md bg-gray-300 sm:h-8 sm:w-32" />
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">
<div className="h-7 w-[60.52px] animate-pulse rounded-md bg-gray-300 sm:h-8 sm:w-[137.71px]" /> <div className="h-7 w-[60.52px] animate-pulse rounded-md bg-gray-300 sm:h-8 sm:w-[139.71px]" />
<div className="h-7 w-[71.48px] animate-pulse rounded-md bg-gray-300 sm:h-8 sm:w-[150.34px]" /> <div className="h-7 w-[71.48px] animate-pulse rounded-md bg-gray-300 sm:h-8 sm:w-[100.34px]" />
<div className="h-7 w-[32px] animate-pulse rounded-md bg-gray-300 sm:h-8 sm:w-[89.73px]" /> <div className="h-7 w-[32px] animate-pulse rounded-md bg-gray-300 sm:h-8 sm:w-[89.73px]" />
</div> </div>
</div> </div>