feat: enhance UI styling, add date picker, and clean up inline CSS

2026-06-09 15:12:58 +08:00
parent 18f44ac244
commit b72b5a31bb
6 changed files with 634 additions and 168 deletions
@@ -305,67 +305,4 @@ document.addEventListener('DOMContentLoaded', function () {
 });
 </script>
 <script src="/static/js/lightbox.js"></script>
-<style>
-.lightbox-overlay {
-  position: fixed !important;
-  top: 0 !important;
-  left: 0 !important;
-  right: 0 !important;
-  bottom: 0 !important;
-  width: 100vw !important;
-  height: 100vh !important;
-  z-index: 99999 !important;
-  background: rgba(0, 0, 0, 0.85);
-  overflow: hidden;
-  margin: 0 !important;
-  padding: 0 !important;
-  opacity: 0;
-  transition: opacity 0.2s;
-}
-.lightbox-overlay.active {
-  opacity: 1;
-}
-.lightbox-overlay img {
-  position: absolute;
-  transform-origin: 0 0;
-  border-radius: 4px;
-  box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
-  cursor: grab;
-  user-select: none;
-  -webkit-user-drag: none;
-}
-.lightbox-overlay img.dragging {
-  cursor: grabbing;
-}
-/* 工具栏 */
-.lightbox-toolbar {
-  position: absolute;
-  bottom: 24px;
-  left: 50%;
-  transform: translateX(-50%);
-  display: flex;
-  gap: 8px;
-  background: rgba(0, 0, 0, 0.6);
-  padding: 8px 14px;
-  border-radius: 24px;
-  z-index: 100000;
-}
-.lightbox-toolbar button {
-  background: none;
-  border: 1px solid rgba(255,255,255,0.3);
-  color: #fff;
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  font-size: 1.1rem;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: background 0.15s;
-}
-.lightbox-toolbar button:hover {
-  background: rgba(255,255,255,0.15);
-}
-</style>
 {% endblock %}