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

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

@@ -92,15 +92,17 @@ 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">
<div className="flex flex-grow items-center">
<span className="pr-4">Built with</span> <span className="pr-4">Built with</span>
<CadPackage <CadPackage
cadPackage={project?.cadPackage} cadPackage={project?.cadPackage}
className="px-3 py-2 rounded" 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