Make asmr.one download dialog bigger

Make asmr.one download dialog bigger.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name              Make asmr.one download dialog bigger
// @name:zh-CN        放大 asmr.one 的下载对话框
// @name:ja-JP        asmr.one のダウンロード窓を拡大せよ
// @namespace         http://tampermonkey.net/
// @version           2.0.0-20241112
// @description:en    For further tuning, search for "look here" in script.
// @description:zh-CN 如需微调大小,搜索脚本中的 "look here"
// @description:ja-JP サイズを調整するには、スクリプトの「look here」をご参照ください
// @author            Homo Hamstern (仓猿)
// @match             https://asmr.one/work/*
// @match             https://*.asmr.one/work/*
// @grant             none
// @license           MIT
// @description Make asmr.one download dialog bigger.
// ==/UserScript==

(() => {
    "use strict";
    
    const width = "60vw"; // locok here
    const height = "55vh"; // locok here
    
    const style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = `
      .q-gutter-y-sm .q-scrollarea {
          height: ${height} !important;
      }

      .q-dialog-plugin {
          width: ${width} !important;
          max-width: ${width} !important;
      }
    `;
    document.head.appendChild(style);
})();