mobile . themes

This commit is contained in:
2026-03-05 12:57:55 +08:00
parent b5b9f7db06
commit c325007897
62 changed files with 835 additions and 150 deletions

View File

@@ -15,35 +15,35 @@
</div>
{% endif %}
<div class="futuristic-card p-6 p-6">
<div class="flex justify-between items-start">
<div>
<h1 class="text-2xl font-bold bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent mb-2">
<div class="flex flex-col lg:flex-row justify-between items-start gap-4">
<div class="flex-1 min-w-0">
<h1 class="text-xl sm:text-2xl font-bold bg-gradient-to-r from-cyan-400 to-blue-400 bg-clip-text text-transparent mb-2 break-words">
{{ contest.name }}
{% if contest.status == 'abolished' %}
<span class="ml-2 badge-futuristic text-xs rounded-full">已废止</span>
{% endif %}
</h1>
<div class="flex items-center space-x-4 text-sm text-slate-400">
<span class="flex items-center">
<div class="flex flex-wrap items-center gap-3 sm:gap-4 text-xs sm:text-sm text-slate-400">
<span class="flex items-center whitespace-nowrap">
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
{{ contest.start_date }}
</span>
<span class="flex items-center" id="participants-count">
<span class="flex items-center whitespace-nowrap" id="participants-count">
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"/></svg>
<span id="participants-value">{{ contest.participants }}</span>人已报名
</span>
</div>
</div>
<div class="flex space-x-3">
<div class="flex flex-wrap gap-3 w-full lg:w-auto">
{% if contest.status != 'abolished' %}
{% if user %}
<button id="register-btn"
onclick="toggleRegistration({{ contest.id }})"
class="{% if registered %}btn-outline-futuristic{% else %}btn-futuristic{% endif %} px-6 py-2 font-medium">
class="{% if registered %}btn-outline-futuristic{% else %}btn-futuristic{% endif %} px-4 sm:px-6 py-2 font-medium text-sm whitespace-nowrap">
{% if registered %}已报名{% else %}立即报名{% endif %}
</button>
{% if not is_member %}
<a href="{{ url_for('apply_teacher', contest_id=contest.id) }}" class="btn-outline-futuristic px-6 py-2 font-medium">
<a href="{{ url_for('apply_teacher', contest_id=contest.id) }}" class="btn-outline-futuristic px-4 sm:px-6 py-2 font-medium text-sm whitespace-nowrap">
申请成为本杯赛老师
</a>
{% endif %}