Wider Gemini

Widen Gemini display area

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Wider Gemini
// @name:zh-CN   加宽 Gemini
// @namespace    http://tampermonkey.net/
// @version      2.2
// @description  Widen Gemini display area
// @description:zh-CN  加宽 Gemini 网页版显示区域
// @author       dean
// @match        https://gemini.google.com/*
// @grant        GM_addStyle
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    const CONFIG = {
        width: '92%',
        max: '1800px'
    };

    const selectors = [
        'mat-sidenav-content',
        '.main-content',
        '.input-area-container',
        '.bottom-bar-container',
        '.conversation-container'
    ];

    const customCSS = `
        ${selectors.join(', ')} {
            width: ${CONFIG.width} !important;
            max-width: ${CONFIG.max} !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .conversation-container {
            width: 100% !important;
        }

        @media (min-width: 2560px) {
            ${selectors.join(', ')} {
                max-width: 2000px !important;
            }
        }
    `;

    try {
        GM_addStyle(customCSS);
        console.log('Wider Gemini v2.4 applied.');
    } catch (e) {
        console.error('Wider Gemini script error:', e);
    }
})();