bilibili动态首页布局优化

改变哔哩哔哩动态首页布局

目前为 2022-01-19 提交的版本。查看最新版本。

Wrap lines

// ==UserScript==
// @name         bilibili动态首页布局优化
// @namespace    http://tampermonkey.net/
// @version      0.1.2
// @description  改变哔哩哔哩动态首页布局
// @author       tuntun
// @match        https://t.bilibili.com/*
// @icon         https://www.google.com/s2/favicons?domain=bilibili.com
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

(function () {
  "use strict";
  let styleStr = `
    .home-content {
      width: 1524px !important;
    }
    
    .center-panel {
      width: 1272px !important;
    }
    
    .right-panel {
      display: none !important;
    }
    
    .tab-bar {
      margin-bottom: 0px !important;
    }
    
    .content {
      display: flex !important;
      flex-wrap: wrap !important;
      justify-content: space-between !important;
      width:100% !important;
    }
    
    .content .card[data-v-76c52272] {
      width: 50% !important;
      height: calc(100% - 8px) !important;
      margin-top: 8px !important;
    }
    
    .new-notice-bar {
      margin-top: 8px !important;
      margin-bottom: 0px !important;
      flex-basis:100% !important;
    }

    .content>div{
      width: 632px !important;
    }
  `
  let body = document.body;
  let styleDom = document.createElement('style');
  styleDom.innerHTML = styleStr;
  body.appendChild(styleDom);
})();

欢迎访问Greasy Fork镜像