Mercurial

comparison hg-web/src/index.css @ 224:3007ef5fc0ed hg-web

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
[hg-web] Simplify visuals and preview static files
author MrJuneJune <me@mrjunejune.com>
date Sun, 02 Aug 2026 13:51:11 -0700
parents 0e7b9464248d
children 70de0c80d093
comparison
equal deleted inserted replaced
223:0e7b9464248d 224:3007ef5fc0ed
380 /* =========================================== 380 /* ===========================================
381 Changeset Detail 381 Changeset Detail
382 =========================================== */ 382 =========================================== */
383 .changeset-paper { 383 .changeset-paper {
384 background: var(--bg); 384 background: var(--bg);
385 background-image: url("/pencil_texture.png");
386 border: 1px solid var(--border); 385 border: 1px solid var(--border);
387 border-radius: 6px; 386 border-radius: 6px;
388 padding: 24px; 387 padding: 24px;
389 } 388 }
390 389
753 width: 16px; 752 width: 16px;
754 height: 16px; 753 height: 16px;
755 opacity: 0.7; 754 opacity: 0.7;
756 } 755 }
757 756
757 .file-viewer-actions {
758 display: flex;
759 align-items: center;
760 gap: 12px;
761 }
762
763 .file-viewer-actions a {
764 font-size: 13px;
765 }
766
758 .file-viewer-content { 767 .file-viewer-content {
759 overflow: auto; 768 overflow: auto;
760 flex: 1; 769 flex: 1;
770 }
771
772 .static-file-viewer {
773 max-width: 1100px;
774 }
775
776 .static-file-preview {
777 min-height: 240px;
778 padding: 20px;
779 display: flex;
780 align-items: center;
781 justify-content: center;
782 background: var(--bg-subtle);
783 }
784
785 .static-file-image,
786 .static-file-video {
787 display: block;
788 max-width: 100%;
789 max-height: 75vh;
790 object-fit: contain;
791 }
792
793 .static-file-audio {
794 width: min(100%, 640px);
795 }
796
797 .static-file-pdf {
798 width: 100%;
799 height: 75vh;
800 border: 0;
801 background: #fff;
761 } 802 }
762 803
763 .file-viewer-content pre { 804 .file-viewer-content pre {
764 margin: 0; 805 margin: 0;
765 padding: 16px; 806 padding: 16px;