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">
{project?.title.replace(/-/g, ' ')}
</h3>
<div className="flex items-center text-gray-100">
<span className="pr-4">Built with</span>
<CadPackage
cadPackage={project?.cadPackage}
className="px-3 py-2 rounded"
/>
<div className="flex items-center text-gray-100 flex-wrap">
<div className="flex flex-grow items-center">
<span className="pr-4">Built with</span>
<CadPackage
cadPackage={project?.cadPackage}
className="px-3 py-2 rounded"
/>
</div>
<Button
className={getActiveClasses(
'mr-auto bg-red-500 ml-5 text-ch-gray-300',
{ 'bg-indigo-200': currentUser }
'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 }
)}
shouldAnimateHover
iconName={'document-download'}