v3: button styling consistency pass

This commit is contained in:
khannurien
2026-03-21 19:41:15 +00:00
parent 5bed03baa5
commit 39a0cc397e
12 changed files with 42 additions and 26 deletions

View File

@@ -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("/")}
>

View File

@@ -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" : ""}

View File

@@ -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" : ""}

View File

@@ -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" : ""}

View File

@@ -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>
}

View File

@@ -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>
}

View File

@@ -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>

View File

@@ -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>
}