Refine custom icon size guidance

This commit is contained in:
Yuri Karamian
2026-08-03 01:53:25 +02:00
parent 1c0359e540
commit fc3e388b80
+4 -4
View File
@@ -992,7 +992,6 @@
{/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...
@@ -1003,6 +1002,7 @@
Use default Use default
</button> </button>
{/if} {/if}
<p class="icon-picker-recommendation">Recommended size: <strong>1:1 aspect ratio</strong></p>
</div> </div>
</div> </div>
</div> </div>
@@ -1794,10 +1794,10 @@
.icon-picker-recommendation { .icon-picker-recommendation {
flex: 0 0 100%; flex: 0 0 100%;
margin: 0 0 2px; margin: 2px 0 0;
color: var(--text-tertiary); color: var(--text-tertiary);
font-size: 12px; font-size: 11px;
line-height: 1.4; line-height: 1.3;
text-align: center; text-align: center;
} }