forked from
joebasser.com/atmosphere-account
this repo has no description
ui: size 'View public profile' to match Update/Remove buttons
Add a --lg modifier to .profile-form-button-secondary that bumps the
padding/font to match the primary + danger buttons in the form action
row, without changing the compact look of the existing secondary
callsites (modals, custom-link add, avatar picker label).
Made-with: Cursor
+14
-1
+13
assets/styles.css
+13
assets/styles.css
···
2984
2984
cursor: pointer;
2985
2985
display: inline-block;
2986
2986
}
2987
+
/* Larger size variant used in the form action row so the secondary
2988
+
* "View public profile" button matches the proportions of the primary
2989
+
* Update / danger Remove buttons sitting next to it. Intentionally
2990
+
* scoped so existing compact secondary buttons (modals, custom-link
2991
+
* add, file picker label) keep their smaller look. */
2992
+
.profile-form-button-secondary--lg {
2993
+
padding: 0.7rem 1.4rem;
2994
+
font-size: inherit;
2995
+
display: inline-flex;
2996
+
align-items: center;
2997
+
text-decoration: none;
2998
+
color: inherit;
2999
+
}
2987
3000
.profile-form-button-link {
2988
3001
background: none;
2989
3002
border: 0;
+1
-1
islands/CreateProfileForm.tsx
+1
-1
islands/CreateProfileForm.tsx
···
640
640
{published.value && publicProfileHandle && (
641
641
<a
642
642
href={`/explore/${encodeURIComponent(publicProfileHandle)}`}
643
-
class="profile-form-button-secondary"
643
+
class="profile-form-button-secondary profile-form-button-secondary--lg"
644
644
>
645
645
{tManage.viewPublicProfile}
646
646
</a>