feat(smart-mind-map): add GitHub star icon to header controls

- Add prominent star icon in download button group linking to repository
- Style with gold gradient color (#fbbf24) for visibility
- Hover effect with scale and glow for better UX
- Icon uses yellow color (#fbbf24) with transparent background
- Helps users easily discover and support the project

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
fujie
2026-03-16 00:02:53 +08:00
parent 44debbab04
commit 4feb1bdd80

View File

@@ -690,6 +690,29 @@ CSS_TEMPLATE_MINDMAP = """
text-decoration: none; text-decoration: none;
border-bottom: 1px dotted var(--link-color); border-bottom: 1px dotted var(--link-color);
} }
.star-btn {
background: transparent !important;
border: none !important;
color: #fbbf24 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 4px 8px !important;
cursor: pointer;
transition: all 0.2s ease;
text-decoration: none;
height: 28px;
}
.star-btn:hover {
color: #f59e0b !important;
transform: scale(1.15);
filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.5));
}
.star-btn svg {
width: 18px !important;
height: 18px !important;
fill: currentColor !important;
}
.content-area { .content-area {
padding: 0; padding: 0;
@@ -846,6 +869,11 @@ CONTENT_TEMPLATE_MINDMAP = """
<button id="download-png-btn-{unique_id}" class="control-btn primary" title="{t_ui_download_png}">PNG</button> <button id="download-png-btn-{unique_id}" class="control-btn primary" title="{t_ui_download_png}">PNG</button>
<button id="download-svg-btn-{unique_id}" class="control-btn" title="{t_ui_download_svg}">SVG</button> <button id="download-svg-btn-{unique_id}" class="control-btn" title="{t_ui_download_svg}">SVG</button>
<button id="download-md-btn-{unique_id}" class="control-btn" title="{t_ui_download_md}">MD</button> <button id="download-md-btn-{unique_id}" class="control-btn" title="{t_ui_download_md}">MD</button>
<a href="https://github.com/Fu-Jie/openwebui-extensions" target="_blank" rel="noopener noreferrer" title="Star on GitHub" class="control-btn star-btn">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 18px; height: 18px;">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="currentColor"/>
</svg>
</a>
</div> </div>
<div class="btn-group"> <div class="btn-group">
<button id="zoom-out-btn-{unique_id}" class="control-btn" title="{t_ui_zoom_out}"></button> <button id="zoom-out-btn-{unique_id}" class="control-btn" title="{t_ui_zoom_out}"></button>
@@ -1439,8 +1467,8 @@ class Action:
description="Whether to print debug logs in the browser console.", description="Whether to print debug logs in the browser console.",
) )
ENABLE_DIRECT_EMBED_MODE: bool = Field( ENABLE_DIRECT_EMBED_MODE: bool = Field(
default=False, default=True,
description="Enable Direct Embed Mode (v0.8.0+ layout) instead of Legacy Mode. Defaults to False (Legacy Mode).", description="Enable Direct Embed Mode (v0.8.0+ layout) instead of Legacy Mode. Defaults to True (Direct Embed Mode).",
) )
def __init__(self): def __init__(self):
@@ -2369,6 +2397,11 @@ class Action:
<button id="download-png-btn-{unique_id}" class="control-btn primary" title="{t_ui_download_png}">PNG</button> <button id="download-png-btn-{unique_id}" class="control-btn primary" title="{t_ui_download_png}">PNG</button>
<button id="download-svg-btn-{unique_id}" class="control-btn" title="{t_ui_download_svg}">SVG</button> <button id="download-svg-btn-{unique_id}" class="control-btn" title="{t_ui_download_svg}">SVG</button>
<button id="download-md-btn-{unique_id}" class="control-btn" title="{t_ui_download_md}">MD</button> <button id="download-md-btn-{unique_id}" class="control-btn" title="{t_ui_download_md}">MD</button>
<a href="https://github.com/Fu-Jie/openwebui-extensions" target="_blank" rel="noopener noreferrer" title="Star on GitHub" class="control-btn star-btn">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="width: 18px; height: 18px;">
<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" fill="currentColor"/>
</svg>
</a>
</div> </div>
<div class="btn-group"> <div class="btn-group">
<button id="zoom-out-btn-{unique_id}" class="control-btn" title="{t_ui_zoom_out}"></button> <button id="zoom-out-btn-{unique_id}" class="control-btn" title="{t_ui_zoom_out}"></button>