info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-09-02 05:42:41 +02:00
Code Issues Releases Wiki Activity

Fix UI for resource progress

Browse Source
This commit is contained in:
Kamran Ahmed
2024-08-03 11:16:19 +01:00
parent c20afce08f
commit 80eeadd6a6
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ResourceProgressStats.astro
View File

@@ -13,11 +13,11 @@ const { resourceId, resourceType } = Astro.props;
<div <div
data-progress-nums-container data-progress-nums-container
class:list={[ class:list={[
'striped-loader relative flex items-center justify-between rounded-md bg-white px-3 py-2.5', 'striped-loader relative flex items-center justify-between rounded-md bg-white px-2 sm:px-2.5 py-2 sm:py-2.5',
]} ]}
> >
<p <p
class='flex text-sm opacity-0 transition-opacity duration-300' class='flex text-xs sm:text-sm opacity-0 transition-opacity duration-300'
data-progress-nums data-progress-nums
> >
<span <span

2
src/components/RoadmapHeader.astro
View File

@@ -79,7 +79,7 @@ const hasTnsBanner = !!tnsBannerLink;
<a <a
href='/roadmaps' href='/roadmaps'
class='hidden rounded-md text-sm font-medium text-gray-500 transition-all hover:-translate-x-1 hover:text-black focus:outline-0 sm:block' class='hidden rounded-md text-sm font-medium text-gray-500 transition-all hover:text-black focus:outline-0 sm:block'
aria-label='Back to All Roadmaps' aria-label='Back to All Roadmaps'
> >
&larr;&nbsp;<span>&nbsp;All Roadmaps</span> &larr;&nbsp;<span>&nbsp;All Roadmaps</span>

2
src/components/UserProgress/ProgressShareButton.tsx
View File

@@ -52,7 +52,7 @@ export function ProgressShareButton(props: ProgressShareButtonProps) {
return ( return (
<button <button
className={cn( className={cn(
'flex items-center gap-1 text-sm font-medium disabled:cursor-not-allowed disabled:opacity-70', 'flex items-center gap-1 text-xs sm:text-sm font-medium disabled:cursor-not-allowed disabled:opacity-70',
isCopied ? 'text-green-500' : 'text-gray-500 hover:text-black', isCopied ? 'text-green-500' : 'text-gray-500 hover:text-black',
className className
)} )}