h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Tweak download STL style - flex-wrap the column and grow original "built with" content so the button is pushed write but remains responsive on smaller screens

Browse Source
This commit is contained in:
Scott Martin
2022-01-09 12:47:47 -05:00
parent 8a85ad467f
commit c22969ee7b
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
app/web/src/components/ProjectProfile/ProjectProfile.tsx
View File

@@ -92,16 +92,18 @@ const ProjectProfile = ({
<h3 className="text-5xl capitalize text-ch-gray-300"> <h3 className="text-5xl capitalize text-ch-gray-300">
{project?.title.replace(/-/g, ' ')} {project?.title.replace(/-/g, ' ')}
</h3> </h3>
<div className="flex items-center text-gray-100"> <div className="flex items-center text-gray-100 flex-wrap">
<span className="pr-4">Built with</span> <div className="flex flex-grow items-center">
<CadPackage <span className="pr-4">Built with</span>
cadPackage={project?.cadPackage} <CadPackage
className="px-3 py-2 rounded" cadPackage={project?.cadPackage}
/> className="px-3 py-2 rounded"
/>
</div>
<Button <Button
className={getActiveClasses( className={getActiveClasses(
'mr-auto bg-red-500 ml-5 text-ch-gray-300', 'ml-3 hover:bg-opacity-100 bg-ch-pink-800 bg-opacity-30 mt-4 mb-3 text-ch-gray-300',
{ 'bg-indigo-200': currentUser } { 'bg-indigo-200': currentUser }
)} )}
shouldAnimateHover shouldAnimateHover
iconName={'document-download'} iconName={'document-download'}