chore: tweak styles

This commit is contained in:
Steven 2023-07-10 23:47:32 +08:00
parent 12172f11c0
commit 28df6e35fb
3 changed files with 3 additions and 3 deletions

View File

@ -17,7 +17,7 @@ const Header: React.FC = () => {
return (
<>
<div className="w-full bg-gray-50">
<div className="w-full bg-gray-50 border-b border-b-gray-200">
<div className="w-full max-w-4xl mx-auto px-3 py-5 flex flex-row justify-between items-center">
<div className="flex flex-row justify-start items-center shrink mr-2">
<Link to="/" className="text-base font-mono font-medium cursor-pointer flex flex-row justify-start items-center">

View File

@ -69,7 +69,7 @@ const ShortcutView = (props: Props) => {
)}
</div>
<a
className="flex flex-row px-1 justify-start items-center cursor-pointer rounded-md hover:bg-gray-100 hover:shadow"
className="flex flex-row px-1 mr-1 justify-start items-center cursor-pointer rounded-md hover:bg-gray-100 hover:shadow"
target="_blank"
href={shortifyLink}
>

View File

@ -81,7 +81,7 @@ const Home: React.FC = () => {
</Tabs>
</div>
<div>
<Button variant="soft" size="sm" onClick={() => setShowCreateShortcutDialog(true)}>
<Button className="shadow" variant="soft" size="sm" onClick={() => setShowCreateShortcutDialog(true)}>
<Icon.Plus className="w-5 h-auto" /> New
</Button>
</div>