maronato/cal
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix UI issues (#4300) 

* fix: increase font size to 14 px

* fix: double border issue

* fix: destructive button looks off from figma

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
This commit is contained in:
Nafees Nazik 2022-09-08 23:07:26 +05:30 committed by GitHub
parent 4771a1a64a
commit dce7973825
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/components/v2/settings/ImageUploader.tsx
View File

@ -113,7 +113,7 @@ export default function ImageUploader({
}>
<DialogTrigger asChild>
<div className="flex items-center">
<Button color="secondary" type="button" className="py-1 text-xs">
<Button color="secondary" type="button" className="py-1 text-sm">
{buttonMsg}
</Button>
</div>

2
apps/web/pages/v2/settings/my-account/profile.tsx
View File

@ -191,7 +191,7 @@ const ProfileView = (props: inferSSRProps<typeof getServerSideProps>) => {
{t("update")}
</Button>
<hr className="my-6 border-2 border-neutral-200" />
<hr className="my-6 border-neutral-200" />
<Label>{t("danger_zone")}</Label>
{/* Delete account Dialog */}

2
packages/ui/v2/core/Button.tsx
View File

@ -47,7 +47,7 @@ const variantClassName = {
minimalSecondary:
"text-gray-700 bg-transparent hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:bg-gray-100 focus:ring-brand-900 dark:text-darkgray-900 hover:dark:text-gray-50 border border-transparent hover:border-gray-300",
destructive:
"text-gray-700 bg-transparent hover:bg-red-100 hover:text-red-700 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:bg-red-100 focus:ring-red-700",
"text-gray-900 focus:text-red-700 bg-transparent hover:bg-red-100 hover:text-red-700 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:bg-red-100 focus:ring-red-700",
};
const variantDisabledClassName = {
primary: "border border-transparent bg-brand-500 bg-opacity-20 text-white",