v3: button styling consistency pass
This commit is contained in:
@@ -153,14 +153,14 @@ export function Dump() {
|
||||
actions={
|
||||
<>
|
||||
<button
|
||||
className="logout-btn"
|
||||
className="btn-border"
|
||||
type="button"
|
||||
onClick={() => globalThis.location.reload()}
|
||||
>
|
||||
Retry
|
||||
</button>
|
||||
<button
|
||||
className="logout-btn"
|
||||
className="btn-border"
|
||||
type="button"
|
||||
onClick={() => navigate("/")}
|
||||
>
|
||||
|
||||
@@ -195,7 +195,7 @@ export function DumpCreate() {
|
||||
<div className="dump-create-wrapper">
|
||||
<div className="dump-create-header">
|
||||
<h1 className="dump-create-title">New dump</h1>
|
||||
<div className="dump-mode-toggle">
|
||||
<div className="visibility-toggle">
|
||||
<button
|
||||
type="button"
|
||||
className={mode === "url" ? "active" : ""}
|
||||
|
||||
@@ -153,14 +153,14 @@ export function DumpEdit() {
|
||||
actions={
|
||||
<>
|
||||
<button
|
||||
className="logout-btn"
|
||||
className="btn-border"
|
||||
type="button"
|
||||
onClick={() => globalThis.location.reload()}
|
||||
>
|
||||
Retry
|
||||
</button>
|
||||
<button
|
||||
className="logout-btn"
|
||||
className="btn-border"
|
||||
type="button"
|
||||
onClick={() => navigate("/")}
|
||||
>
|
||||
@@ -261,7 +261,7 @@ export function DumpEdit() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="dump-mode-toggle">
|
||||
<div className="visibility-toggle">
|
||||
<button
|
||||
type="button"
|
||||
className={!isPrivate ? "active" : ""}
|
||||
|
||||
@@ -414,7 +414,7 @@ export function PlaylistDetail() {
|
||||
message={state.error}
|
||||
actions={
|
||||
<button
|
||||
className="logout-btn"
|
||||
className="btn-border"
|
||||
type="button"
|
||||
onClick={() => navigate("/")}
|
||||
>
|
||||
@@ -537,7 +537,7 @@ export function PlaylistDetail() {
|
||||
<div className="playlist-detail-meta">
|
||||
{editOpen
|
||||
? (
|
||||
<div className="dump-mode-toggle playlist-edit-toggle">
|
||||
<div className="visibility-toggle playlist-edit-toggle">
|
||||
<button
|
||||
type="button"
|
||||
className={editIsPublic ? "active" : ""}
|
||||
|
||||
@@ -188,7 +188,7 @@ export function UserDumps() {
|
||||
<PageError
|
||||
message={state.error}
|
||||
actions={
|
||||
<Link to={`/users/${username}`} className="logout-btn">
|
||||
<Link to={`/users/${username}`} className="btn-border">
|
||||
← Back to profile
|
||||
</Link>
|
||||
}
|
||||
|
||||
@@ -386,7 +386,7 @@ export function UserPlaylists() {
|
||||
<PageError
|
||||
message={state.error}
|
||||
actions={
|
||||
<Link to={`/users/${username}`} className="logout-btn">
|
||||
<Link to={`/users/${username}`} className="btn-border">
|
||||
← Back to profile
|
||||
</Link>
|
||||
}
|
||||
|
||||
@@ -488,14 +488,14 @@ export function UserPublicProfile() {
|
||||
actions={
|
||||
<>
|
||||
<button
|
||||
className="logout-btn"
|
||||
className="btn-border"
|
||||
type="button"
|
||||
onClick={() => navigate("/")}
|
||||
>
|
||||
← Back
|
||||
</button>
|
||||
{me && (
|
||||
<button className="logout-btn" type="button" onClick={logout}>
|
||||
<button className="btn-border" type="button" onClick={logout}>
|
||||
Log out
|
||||
</button>
|
||||
)}
|
||||
@@ -563,7 +563,7 @@ export function UserPublicProfile() {
|
||||
{isOwnProfile && (
|
||||
<div className="profile-own-actions">
|
||||
<InviteButton />
|
||||
<button type="button" className="logout-btn" onClick={logout}>
|
||||
<button type="button" className="btn-border" onClick={logout}>
|
||||
Log out
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -326,7 +326,7 @@ export function UserUpvoted() {
|
||||
<PageError
|
||||
message={state.error}
|
||||
actions={
|
||||
<Link to={`/users/${username}`} className="logout-btn">
|
||||
<Link to={`/users/${username}`} className="btn-border">
|
||||
← Back to profile
|
||||
</Link>
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user