open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Clean up button styling

Browse Source
This commit is contained in:
Austin Chen 2022-03-21 14:54:09 -07:00
parent 033ff3e150
commit a9cdeb46a2
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/components/share-embed-button.tsx
View File

@ -24,8 +24,15 @@ export function ShareEmbedButton(props: { contract: Contract }) {
className="relative z-40 flex-shrink-0" className="relative z-40 flex-shrink-0"
onMouseUp={copyEmbed} onMouseUp={copyEmbed}
> >
<Menu.Button className="btn btn-xs btn-outline normal-case hover:bg-white hover:text-neutral"> <Menu.Button
<CodeIcon className="w-4 h-4 text-gray-500 mr-1.5" aria-hidden="true" /> className="btn btn-xs normal-case"
style={{
backgroundColor: 'white',
border: '2px solid #9ca3af',
color: '#9ca3af', // text-gray-400
}}
>
<CodeIcon className="mr-1.5 h-4 w-4" aria-hidden="true" />
Embed Embed
</Menu.Button> </Menu.Button>
@ -38,7 +45,7 @@ export function ShareEmbedButton(props: { contract: Contract }) {
leaveFrom="transform opacity-100 scale-100" leaveFrom="transform opacity-100 scale-100"
leaveTo="transform opacity-0 scale-95" leaveTo="transform opacity-0 scale-95"
> >
<Menu.Items className="absolute left-0 mt-2 w-40 origin-top-center rounded-md bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"> <Menu.Items className="origin-top-center absolute left-0 mt-2 w-40 rounded-md bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
<Menu.Item> <Menu.Item>
<div className="px-2 py-1">Embed code copied!</div> <div className="px-2 py-1">Embed code copied!</div>
</Menu.Item> </Menu.Item>

5
web/components/tweet-button.tsx
View File

@ -5,10 +5,7 @@ export function TweetButton(props: { className?: string; tweetText?: string }) {
return ( return (
<a <a
className={clsx( className={clsx('btn btn-xs flex-nowrap normal-case', className)}
'btn btn-xs flex flex-row flex-nowrap border-none normal-case',
className
)}
style={{ style={{
backgroundColor: 'white', backgroundColor: 'white',
border: '2px solid #1da1f2', border: '2px solid #1da1f2',