f6d180474a
- Add CSS variables (--cell, --cell-font, --trigger-h) for responsive cell sizing - Shrink grid cells at 600px and 420px breakpoints - Add .page-body wrapper with 16px horizontal padding to prevent edge collisions - Separate hint column from scrollable grid: hints rendered outside the table in a fixed flex column, only the letter grid scrolls horizontally Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
25 lines
1.1 KiB
Twig
25 lines
1.1 KiB
Twig
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>{% block title %}Actorle{% endblock %}</title>
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,700;1,9..144,400&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
{% block stylesheets %}
|
|
{{ vite_entry_link_tags('app') }}
|
|
{% endblock %}
|
|
|
|
{% block javascripts %}
|
|
{{ vite_entry_script_tags('app') }}
|
|
{% endblock %}
|
|
</head>
|
|
<body>
|
|
{% include '_navbar.html.twig' %}
|
|
<div class="page-body">
|
|
{% block body %}{% endblock %}
|
|
</div>
|
|
</body>
|
|
</html>
|