ArkHost/HelixNotes
1
0
Fork 0
mirror of https://gitlab.com/ArkHost/HelixNotes.git synced 2026-09-19 09:27:29 +02:00
Code Issues Projects Releases Wiki Activity

Add custom icon size guidance

Browse Source
This commit is contained in:
Yuri Karamian
2026-08-03 01:33:38 +02:00
parent da859e581b
commit 1c0359e540
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/Sidebar.svelte
+11
View File
@@ -992,6 +992,7 @@
{/each} {/each}
</div> </div>
<div class="icon-picker-actions"> <div class="icon-picker-actions">
<p class="icon-picker-recommendation">Recommended custom image size: <strong>128 × 128 px</strong></p>
<button onclick={() => handleCustomIcon(iconPickerNotebook!)}> <button onclick={() => handleCustomIcon(iconPickerNotebook!)}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" /><circle cx="8.5" cy="8.5" r="1.5" /><path d="m21 15-5-5L5 21" /></svg> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" /><circle cx="8.5" cy="8.5" r="1.5" /><path d="m21 15-5-5L5 21" /></svg>
Custom image... Custom image...
@@ -1785,11 +1786,21 @@
.icon-picker-actions { .icon-picker-actions {
display: flex; display: flex;
flex-wrap: wrap;
gap: 8px; gap: 8px;
padding: 12px 14px 14px; padding: 12px 14px 14px;
border-top: 1px solid var(--border-light); border-top: 1px solid var(--border-light);
} }
.icon-picker-recommendation {
flex: 0 0 100%;
margin: 0 0 2px;
color: var(--text-tertiary);
font-size: 12px;
line-height: 1.4;
text-align: center;
}
.icon-picker-actions button { .icon-picker-actions button {
flex: 1; flex: 1;
display: flex; display: flex;