Home cards: drop descriptions; give File Relay a distinct icon

Remove the t-desc lines from the homepage tiles (icon + title only). Change File
Relay icon from the folder (same as File Upload) to a card-dividers icon, in both
the homepage card and the sidebar.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Jon
2026-06-05 18:44:53 +01:00
parent 22b5ee7203
commit 37925edcdf
2 changed files with 2 additions and 14 deletions

View File

@@ -297,7 +297,7 @@
</button> </button>
<div class="nav-sub"> <div class="nav-sub">
<a href="/relays/chat" {% if nav_active == 'relays' and kind == 'chat' %}class="active"{% endif %}><span class="ico">💬</span><span class="lbl">Chat Relay</span></a> <a href="/relays/chat" {% if nav_active == 'relays' and kind == 'chat' %}class="active"{% endif %}><span class="ico">💬</span><span class="lbl">Chat Relay</span></a>
<a href="/relays/file" {% if nav_active == 'relays' and kind == 'file' %}class="active"{% endif %}><span class="ico">📁</span><span class="lbl">File Relay</span></a> <a href="/relays/file" {% if nav_active == 'relays' and kind == 'file' %}class="active"{% endif %}><span class="ico">🗂️</span><span class="lbl">File Relay</span></a>
<a href="/relays/message" {% if nav_active == 'relays' and kind == 'message' %}class="active"{% endif %}><span class="ico">✉️</span><span class="lbl">Message Relay</span></a> <a href="/relays/message" {% if nav_active == 'relays' and kind == 'message' %}class="active"{% endif %}><span class="ico">✉️</span><span class="lbl">Message Relay</span></a>
</div> </div>
</div> </div>

View File

@@ -21,7 +21,6 @@
.tile:active { transform: translateY(1px); } .tile:active { transform: translateY(1px); }
.tile .t-ico { font-size: 28px; line-height: 1; } .tile .t-ico { font-size: 28px; line-height: 1; }
.tile .t-title { font-size: 16px; font-weight: 700; } .tile .t-title { font-size: 16px; font-weight: 700; }
.tile .t-desc { font-size: 13px; color: var(--muted); }
</style> </style>
{% endblock %} {% endblock %}
@@ -35,27 +34,22 @@
<a class="tile" href="/users"> <a class="tile" href="/users">
<span class="t-ico">👤</span> <span class="t-ico">👤</span>
<span class="t-title">Users</span> <span class="t-title">Users</span>
<span class="t-desc">Personal SimpleX accounts — contacts, groups and channels.</span>
</a> </a>
<a class="tile" href="/businesses"> <a class="tile" href="/businesses">
<span class="t-ico">💼</span> <span class="t-ico">💼</span>
<span class="t-title">Businesses</span> <span class="t-title">Businesses</span>
<span class="t-desc">Business inboxes — each customer gets their own group chat.</span>
</a> </a>
<a class="tile" href="/bots"> <a class="tile" href="/bots">
<span class="t-ico">🤖</span> <span class="t-ico">🤖</span>
<span class="t-title">Bots</span> <span class="t-title">Bots</span>
<span class="t-desc">Echo, broadcast, support, directory and dead-man's-switch bots.</span>
</a> </a>
<a class="tile" href="/notifications"> <a class="tile" href="/notifications">
<span class="t-ico">🔔</span> <span class="t-ico">🔔</span>
<span class="t-title">Notifications</span> <span class="t-title">Notifications</span>
<span class="t-desc">Recent messages received across all profiles.</span>
</a> </a>
<a class="tile" href="https://simplex.chat/file/" target="_blank" rel="noopener"> <a class="tile" href="https://simplex.chat/file/" target="_blank" rel="noopener">
<span class="t-ico">📁</span> <span class="t-ico">📁</span>
<span class="t-title">File Upload</span> <span class="t-title">File Upload</span>
<span class="t-desc">Share files over SimpleX (opens simplex.chat).</span>
</a> </a>
</div> </div>
@@ -64,17 +58,14 @@
<a class="tile" href="/relays/chat"> <a class="tile" href="/relays/chat">
<span class="t-ico">💬</span> <span class="t-ico">💬</span>
<span class="t-title">Chat Relay</span> <span class="t-title">Chat Relay</span>
<span class="t-desc">Relay chat messages between connections.</span>
</a> </a>
<a class="tile" href="/relays/file"> <a class="tile" href="/relays/file">
<span class="t-ico">📁</span> <span class="t-ico">🗂️</span>
<span class="t-title">File Relay</span> <span class="t-title">File Relay</span>
<span class="t-desc">Relay files between connections.</span>
</a> </a>
<a class="tile" href="/relays/message"> <a class="tile" href="/relays/message">
<span class="t-ico">✉️</span> <span class="t-ico">✉️</span>
<span class="t-title">Message Relay</span> <span class="t-title">Message Relay</span>
<span class="t-desc">Relay messages between connections.</span>
</a> </a>
</div> </div>
@@ -83,12 +74,10 @@
<a class="tile" href="/network"> <a class="tile" href="/network">
<span class="t-ico">📡</span> <span class="t-ico">📡</span>
<span class="t-title">Network</span> <span class="t-title">Network</span>
<span class="t-desc">SimpleX servers and connection status.</span>
</a> </a>
<a class="tile" href="/settings"> <a class="tile" href="/settings">
<span class="t-ico">⚙️</span> <span class="t-ico">⚙️</span>
<span class="t-title">Settings</span> <span class="t-title">Settings</span>
<span class="t-desc">Theme and manager preferences.</span>
</a> </a>
</div> </div>
@@ -97,7 +86,6 @@
<a class="tile" href="https://simplex.chat/downloads/" target="_blank" rel="noopener"> <a class="tile" href="https://simplex.chat/downloads/" target="_blank" rel="noopener">
<span class="t-ico">📲</span> <span class="t-ico">📲</span>
<span class="t-title">Get SimpleX App</span> <span class="t-title">Get SimpleX App</span>
<span class="t-desc">Download the SimpleX Chat app (opens simplex.chat).</span>
</a> </a>
</div> </div>
{% endblock %} {% endblock %}