opus-widen-dyn-list.user.css

/* ==UserStyle==
@name           动态列表变宽加强版
@namespace      dobby233liu.github.io
@version        1.1.6
@license        BSD-0-Clause
@author         Liu Wenyuan
@homepageURL    https://gist.github.com/Dobby233Liu/3f08f12a2c675f8b847dfbbb6ce34452
@supportURL     https://gist.github.com/Dobby233Liu/3f08f12a2c675f8b847dfbbb6ce34452#comments
@updateURL      https://gist.githubusercontent.com/Dobby233Liu/3f08f12a2c675f8b847dfbbb6ce34452/raw/opus-widen-dyn-list.user.css
==/UserStyle== */

@-moz-document domain("t.bilibili.com") {
    body .bili-header {
        min-width: 0;
        max-width: 100%;
    }

    #app {
        min-width: unset;
        max-width: unset;
        text-size-adjust: 100%;
    }

    .bili-dyn-home--member, .bili-dyn-home--visitor {
        justify-content: center;
        padding: 0;
        margin: 0 8px;
    }

    aside.left {
        width: auto !important;
        max-width: 264px;
        min-width: 194px;
        flex-grow: 1;
        flex-shrink: 1;
        margin-right: 10px;
    }
    @media (max-width: 868px) {
        aside.left {
            display: none;
        }
    }
    main {
        flex-basis: 556px;
        flex-shrink: 0;
        flex-grow: 1;
        min-width: 0; width: auto !important;
        margin: 0;
    }
    aside.right {
        width: unset !important;
        min-width: 246px;
        max-width: 318px;
        flex-grow: 1;
        flex-shrink: 1;
        margin-left: 10px;
    }
    @media (max-width: 1040px) {
        aside.right {
            display: none;
        }
    }


    .bili-album__watch__content {
        text-align: left;
    }
    .bili-album__watch__content img {
        width: 100%;
        height: auto;
        max-width: fit-content;
    }

    .bili-dyn-item__footer {
        justify-content: space-between;
    }
    .bili-dyn-action {
        width: auto;
    }
    .bili-dyn-item__action:has(.bili-dyn-item__action__shim) {
        display: none;
    }

    #app .content {
        width: auto;
    }
    #app .content .card {
        margin: 0;
    }

    #app .content:has(.sidebar-wrap) {
        display: flex;
        flex-direction: row;
        margin: 0 8px;
        gap: 8px;
    }
    #app .content:has(.sidebar-wrap) .card {
        flex: 1 1;
        min-width: 0;
    }
    #app .sidebar-wrap {
        position: relative;
        top: 0;
        right: 0;
        margin: 0;
        min-width: 0;
    }
    #app .sidebar-wrap .side-toolbar {
        position: sticky;
        top: 180px;
    }
    @media (max-width: 644px) {
        #app .sidebar-wrap {
            display: none;
        }
    }
}