obsidian-plugin/devonthesofa_obsidian-note-status
1
0
Fork 0
mirror of https://github.com/devonthesofa/obsidian-note-status.git synced 2026-07-22 12:30:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: add buymeacoffe

Browse source
This commit is contained in:
Aleix Soler 2025-11-24 18:51:27 +01:00
parent b90f414a85
commit 6ca2632c83
3 changed files with 115 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
components/SettingsUI/index.tsx
View file

@ -195,6 +195,45 @@ const SettingsUI: React.FC<Props> = ({ settings, onChange }) => {
</div>
);
})}
<div className="note-status-settings__intro">
<p className="note-status-settings__description">
Note Status keeps your vault aligned with clear,
configurable workflows. Tune the sections below to match how
you review notes, surface statuses, and keep storage tidy.
</p>
<div className="note-status-settings__support">
<a
href="https://paypal.me/aleixsoler"
target="_blank"
rel="noreferrer"
className="note-status-settings__badge"
>
<img
src="https://img.shields.io/badge/PayPal-00457C?style=for-the-badge&logo=paypal&logoColor=white"
alt="Support via PayPal"
/>
</a>
<a
href="https://buymeacoffee.com/aleixsoler"
target="_blank"
rel="noreferrer"
className="note-status-settings__badge"
>
<img
src="https://img.shields.io/badge/Buy%20Me%20a%20Coffee-FFDD00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black"
alt="Buy me a coffee"
/>
</a>
<a
href="https://github.com/devonthesofa/obsidian-note-status"
target="_blank"
rel="noreferrer"
>
Star the project on GitHub
</a>
</div>
</div>
</div>
);
};

2
styles.css
View file

File diff suppressed because one or more lines are too long

75
styles/components/settings.css
View file

@ -4,6 +4,81 @@
/* Settings use Obsidian's built-in classes mostly */
.note-status-settings__intro {
background: var(--background-secondary);
border: 1px solid var(--background-modifier-border);
border-radius: var(--radius-m);
padding: var(--size-4-3);
margin-bottom: var(--size-4-3);
display: flex;
flex-direction: column;
gap: var(--size-4-2);
}
.note-status-settings__description {
margin: 0;
color: var(--text-normal);
line-height: 1.5;
}
.note-status-settings__support {
display: flex;
flex-wrap: wrap;
gap: var(--size-4-2);
}
.note-status-settings__badge {
padding: 0;
border: none;
background: transparent;
}
.note-status-settings__badge img {
display: block;
height: 32px;
}
.note-status-settings__badge:hover {
background: transparent;
border-color: transparent;
transform: translateY(-1px);
}
.note-status-settings__badge:focus-visible {
outline: 2px solid var(--interactive-accent);
outline-offset: 2px;
border-radius: var(--radius-s);
}
.note-status-settings__support a:not(.note-status-settings__badge) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--size-2-2);
padding: var(--size-2-3) var(--size-4-2);
border-radius: var(--radius-s);
border: 1px solid var(--background-modifier-border);
text-decoration: none;
color: var(--text-normal);
background: var(--background-primary);
transition:
background var(--anim-duration-fast) ease,
border-color var(--anim-duration-fast) ease,
transform var(--anim-duration-fast) ease;
}
.note-status-settings__support a:not(.note-status-settings__badge):hover {
background: var(--background-modifier-hover);
border-color: var(--interactive-accent);
transform: translateY(-1px);
}
.note-status-settings__support
a:not(.note-status-settings__badge):focus-visible {
outline: 2px solid var(--interactive-accent);
outline-offset: 2px;
}
.note-status-section {
border: 1px solid var(--background-modifier-border);
border-radius: var(--radius-m);