+8

static/input.css

reviewed

··· 1 1 @import "tailwindcss" source("../templates"); 2 2 + 3 3 + dialog[open] { 4 4 + display: block; 5 5 + } 6 6 + 7 7 + dialog::backdrop { 8 8 + background: rgba(0, 0, 0, 0.4); 9 9 + }

+2 -2

templates/base.html

reviewed

··· 62 62 <!-- Login dialog --> 63 63 {% if not g.user %} 64 64 <dialog id="login-dialog" 65 65 - class="bg-white rounded-xl shadow-xl border border-gray-200 p-0 backdrop:bg-gray-900/40 max-w-sm w-full"> 65 65 + class="bg-white rounded-xl shadow-xl border border-gray-200 p-0 backdrop:bg-gray-900/40 max-w-sm w-full fixed inset-0 m-auto h-fit z-50"> 66 66 <form method="post" action="{{ url_for('oauth_login') }}" class="p-4"> 67 67 <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"> 68 68 <div class="flex items-center justify-between mb-3"> ··· 87 87 <!-- Compose dialog --> 88 88 {% if g.user %} 89 89 <dialog id="compose-dialog" 90 90 - class="bg-white rounded-xl shadow-xl border border-gray-200 p-0 backdrop:bg-gray-900/40 max-w-lg w-full"> 90 90 + class="bg-white rounded-xl shadow-xl border border-gray-200 p-0 backdrop:bg-gray-900/40 max-w-lg w-full fixed inset-0 m-auto h-fit"> 91 91 <form method="post" action="{{ url_for('create_bite') }}" class="p-0"> 92 92 <input type="hidden" name="csrf_token" value="{{ session.csrf_token }}"> 93 93 <div class="flex items-center justify-between px-4 py-3 border-b border-gray-100">