feat: overhaul UI styling, improve templates, enhance services and tests

This commit is contained in:
2026-06-06 00:38:56 +08:00
parent f7f1a4c0cb
commit 904eec392e
38 changed files with 1471 additions and 795 deletions
+46 -29
View File
@@ -1,45 +1,62 @@
{% extends "base.html" %}
{% block title %}{{ page_title }} — HF Daily Papers{% endblock %}
{% block content %}
{% extends "base.html" %} {% block title %}{{ page_title }} — HF Daily Papers{%
endblock %} {% block content %}
<section class="reading-list-page">
<h1 class="page-heading">📖 阅读列表</h1>
{# 筛选标签栏 #}
<div class="reading-list-filters">
<a href="/reading-list"
class="filter-chip {% if current_filter == 'all' %}active{% endif %}">全部收藏</a>
<a href="/reading-list?filter=unread"
class="filter-chip {% if current_filter == 'unread' %}active{% endif %}">未读</a>
<a href="/reading-list?filter=skimmed"
class="filter-chip {% if current_filter == 'skimmed' %}active{% endif %}">已浏览</a>
<a href="/reading-list?filter=read_summary"
class="filter-chip {% if current_filter == 'read_summary' %}active{% endif %}">已读摘要</a>
<a href="/reading-list?filter=read_full"
class="filter-chip {% if current_filter == 'read_full' %}active{% endif %}">已读原文</a>
<a href="/reading-list?filter=has_note"
class="filter-chip {% if current_filter == 'has_note' %}active{% endif %}">有笔记</a>
<a
href="/reading-list"
class="filter-chip {% if current_filter == 'all' %}active{% endif %}"
>全部收藏</a
>
<a
href="/reading-list?filter=unread"
class="filter-chip {% if current_filter == 'unread' %}active{% endif %}"
>未读</a
>
<a
href="/reading-list?filter=skimmed"
class="filter-chip {% if current_filter == 'skimmed' %}active{% endif %}"
>已浏览</a
>
<a
href="/reading-list?filter=read_summary"
class="filter-chip {% if current_filter == 'read_summary' %}active{% endif %}"
>已读摘要</a
>
<a
href="/reading-list?filter=read_full"
class="filter-chip {% if current_filter == 'read_full' %}active{% endif %}"
>已读原文</a
>
<a
href="/reading-list?filter=has_note"
class="filter-chip {% if current_filter == 'has_note' %}active{% endif %}"
>有笔记</a
>
</div>
{# 标签筛选 #}
{% if all_tags %}
{# 标签筛选 #} {% if all_tags %}
<div class="tag-filter">
<span class="tag-filter-label">标签:</span>
<a href="/reading-list?filter={{ current_filter }}"
class="tag-chip {% if not current_tag %}active{% endif %}">全部</a>
<a
href="/reading-list?filter={{ current_filter }}"
class="tag-chip {% if not current_tag %}active{% endif %}"
>全部</a
>
{% for t in all_tags %}
<a href="/reading-list?filter={{ current_filter }}&tag={{ t }}"
class="tag-chip {% if t == current_tag %}active{% endif %}">{{ t }}</a>
<a
href="/reading-list?filter={{ current_filter }}&tag={{ t }}"
class="tag-chip {% if t == current_tag %}active{% endif %}"
>{{ t }}</a
>
{% endfor %}
</div>
{% endif %}
{% if papers %}
{% endif %} {% if papers %}
<div class="paper-list">
{% for paper in papers %}
{% include "partials/paper_card.html" %}
{% endfor %}
{% for paper in papers %} {% include "partials/paper_card.html" %} {% endfor
%}
</div>
{% else %}
<div class="empty-state">