diff --git a/Chaturbate/chaturbate-thumbnails-2x.user.js b/Chaturbate/chaturbate-thumbnails-2x.user.js index 0e96f3d..2932678 100644 --- a/Chaturbate/chaturbate-thumbnails-2x.user.js +++ b/Chaturbate/chaturbate-thumbnails-2x.user.js @@ -1,7 +1,7 @@ // ==UserScript== // @name Chaturbate 缩略图放大 2 倍 // @namespace https://chaturbate.com/ -// @version 0.2.6 +// @version 0.3.2 // @description 通过放大 grid 最小列宽来放大房间列表缩略图,保留原站填满行为 // @match https://chaturbate.com/* // @match https://*.chaturbate.com/* @@ -14,7 +14,7 @@ // ========== 配置项 ========== // 最小列宽倍数(原站约 174px / 180px,乘以该倍数后作为新的 minmax 最小值,1fr 仍填满整行) - const SCALE = 1.3; + const SCALE = 2; // =========================== const MIN_COL_MAIN = 174; // #main 下的 min @@ -54,6 +54,37 @@ display: block !important; max-width: none !important; } + /* 关注页:只给下拉层设一次 min-width,避免与父级重复放大导致只显示一列 */ + .followedDropdown.dropdown { + min-width: calc(2 * ${minRoot}px + 2em) !important; + } + /* 强制两列,避免 auto-fill 在窄容器里排成单列导致单格过宽(看起来像放大两次) */ + .followRecommendedContainer .followRoomTable { + display: grid !important; + grid-template-columns: repeat(2, minmax(${minRoot}px, 1fr)) !important; + grid-gap: 0.6em 0.75em !important; + } + .followRecommendedContainer .followRoomTable > div, + .followRecommendedContainer .followRoomTable > div > div { + display: contents !important; + } + /* 卡片与图片固定为 minRoot 宽(只放大一次),覆盖站点内联 width:180 height:126 */ + .followRecommendedContainer .roomElement { + width: ${minRoot}px !important; + min-width: ${minRoot}px !important; + max-width: ${minRoot}px !important; + height: auto !important; + } + .followRecommendedContainer .roomElementAnchor { + width: 100% !important; + height: auto !important; + display: block !important; + } + .followRecommendedContainer .room_thumbnail { + width: 100% !important; + height: auto !important; + display: block !important; + } `; const inject = () => {