{% extends 'admin/model/list.html' %}

{% block head_css %}
{{ super() }}
<style>
    .api-key-cell {
        font-family: monospace;
        font-size: 12px;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .api-key-masked {
        color: #6c757d;
    }
    .api-doc-link {
        margin-bottom: 15px;
    }
    .api-doc-link a {
        color: #007bff;
        text-decoration: none;
    }
    .api-doc-link a:hover {
        text-decoration: underline;
    }
</style>
{% endblock %}

{% block list_cards %}
{{ super() }}
<div class="api-doc-link">
    <a href="{{ url_for('serve_doc', filename='API_DOC.md') }}" target="_blank">
        <span class="material-symbols-outlined" style="vertical-align: middle;">description</span>
        查看 API 文档
    </a>
</div>
{% endblock %}