Koha9/PlexPlaylistSync
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Center toast and add glass style

Browse Source
This commit is contained in:
Koha9 2025-07-13 07:07:41 +09:00
parent 969b32ab68
commit bf67d702dc
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/static/styles.css
View File

@ -1,3 +1,9 @@
.custom-sidebar {
max-width: 300px !important; /* 设置最大宽度为 300px */
}
}
/* Toast with frosted glass effect */
.glass-toast {
backdrop-filter: blur(8px);
background-color: rgba(var(--bs-body-bg-rgb), 0.75) !important;
}

4
app/templates/base.html
View File

@ -88,8 +88,8 @@
{% block content %}{% endblock %}
</main>
{% if message %}
<div class="position-fixed top-0 start-50 translate-middle-x p-3" style="z-index: 1055; margin-top: 20px;">
<div id="messageToast" class="toast text-bg-{{ message_type | default('info') }} border-0" role="alert" aria-live="assertive" aria-atomic="true">
<div class="position-fixed top-0 start-50 translate-middle-x p-3 w-75" style="z-index: 1055; margin-top: 20px;">
<div id="messageToast" class="toast text-bg-{{ message_type | default('info') }} border-0 glass-toast w-100" role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
<div class="toast-body">
{{ message }}