init elas atelier #1
@@ -60,7 +60,7 @@ export default function DeletePostButton({ slug, title, variant = 'full' }: Prop
|
||||
type="button"
|
||||
onClick={handleClick}
|
||||
disabled={busy}
|
||||
className="btn btn--danger btn--sm"
|
||||
className="btn btn--danger"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
||||
@@ -521,7 +521,7 @@ export default function Editor({ editSlug }: Props) {
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setVimEnabled(v => !v)}
|
||||
className={`btn btn--sm${vimEnabled ? ' is-active' : ''}`}
|
||||
className={`btn btn--ghost btn--sm${vimEnabled ? ' is-active' : ''}`}
|
||||
title={vimEnabled ? 'Vim mode ON' : 'Vim mode OFF'}
|
||||
>
|
||||
{vimEnabled ? 'VIM' : 'vim'}
|
||||
@@ -529,7 +529,7 @@ export default function Editor({ editSlug }: Props) {
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setShowPreview(p => !p)}
|
||||
className={`btn btn--sm${showPreview ? ' is-active' : ''}`}
|
||||
className={`btn btn--ghost btn--sm${showPreview ? ' is-active' : ''}`}
|
||||
>
|
||||
{showPreview ? 'Hide Preview' : 'Show Preview'}
|
||||
</button>
|
||||
@@ -553,7 +553,7 @@ export default function Editor({ editSlug }: Props) {
|
||||
role="tab"
|
||||
aria-selected={mobileView === 'edit'}
|
||||
onClick={() => setMobileView('edit')}
|
||||
className={`btn btn--sm flex-1${mobileView === 'edit' ? ' is-active' : ''}`}
|
||||
className={`btn btn--ghost btn--sm flex-1${mobileView === 'edit' ? ' is-active' : ''}`}
|
||||
>
|
||||
Edit
|
||||
</button>
|
||||
@@ -562,7 +562,7 @@ export default function Editor({ editSlug }: Props) {
|
||||
role="tab"
|
||||
aria-selected={mobileView === 'preview'}
|
||||
onClick={() => setMobileView('preview')}
|
||||
className={`btn btn--sm flex-1${mobileView === 'preview' ? ' is-active' : ''}`}
|
||||
className={`btn btn--ghost btn--sm flex-1${mobileView === 'preview' ? ' is-active' : ''}`}
|
||||
>
|
||||
Preview
|
||||
</button>
|
||||
|
||||
@@ -203,7 +203,7 @@ export default function Settings() {
|
||||
<button
|
||||
type="button"
|
||||
onClick={addContactLink}
|
||||
className="chip chip-accent uppercase"
|
||||
className="btn btn--ghost btn--sm"
|
||||
>
|
||||
+ Add contact link
|
||||
</button>
|
||||
|
||||
@@ -100,7 +100,7 @@ const isAdmin = Astro.cookies.get('admin_session')?.value === '1';
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
|
||||
New work
|
||||
</a>
|
||||
<AssetsButton client:idle className="btn btn--ghost btn--sm" iconSize={12} />
|
||||
<AssetsButton client:idle className="btn btn--ghost" iconSize={14} />
|
||||
<a href="/admin/messages" class="btn btn--ghost">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
|
||||
Messages
|
||||
|
||||
@@ -959,17 +959,17 @@ code, pre, kbd, samp {
|
||||
background: var(--mauve);
|
||||
color: var(--rosewater);
|
||||
border-color: var(--mauve);
|
||||
box-shadow: 0 4px 0 -2px color-mix(in srgb, var(--mauve) 60%, black);
|
||||
box-shadow: 0 4px 0 -2px color-mix(in srgb, var(--mauve) 55%, var(--crust));
|
||||
}
|
||||
.btn--primary:hover {
|
||||
transform: translateY(-1px);
|
||||
background: var(--red);
|
||||
border-color: var(--red);
|
||||
box-shadow: 0 6px 0 -2px color-mix(in srgb, var(--red) 60%, black);
|
||||
box-shadow: 0 6px 0 -2px color-mix(in srgb, var(--red) 55%, var(--crust));
|
||||
}
|
||||
.btn--primary:active {
|
||||
transform: translateY(1px);
|
||||
box-shadow: 0 1px 0 -1px color-mix(in srgb, var(--mauve) 60%, black);
|
||||
box-shadow: 0 1px 0 -1px color-mix(in srgb, var(--mauve) 55%, var(--crust));
|
||||
}
|
||||
.btn--ghost {
|
||||
color: var(--subtext1);
|
||||
@@ -983,8 +983,8 @@ code, pre, kbd, samp {
|
||||
}
|
||||
.btn--danger {
|
||||
color: var(--red);
|
||||
border-color: color-mix(in srgb, var(--red) 40%, var(--surface2));
|
||||
background: color-mix(in srgb, var(--surface0) 45%, transparent);
|
||||
border-color: color-mix(in srgb, var(--red) 55%, var(--surface2));
|
||||
background: color-mix(in srgb, var(--red) 12%, transparent);
|
||||
}
|
||||
.btn--danger:hover {
|
||||
color: var(--rosewater);
|
||||
|
||||
Reference in New Issue
Block a user