#weird border when window decorations are off and transparency is turned on

4 messages · Page 1 of 1 (latest)

grave whale
#

first image is the first time i try to trigger the window and the second window is the second and subsequent times i do the same, notice the weird border on the second one? was wondering if there's any way to fix this 🙏

Screenshot_2024-07-05_at_11.53.58_PM.png Screenshot_2024-07-05_at_11.54.04_PM.png
#

the windows section of tauri.conf.json

   {
        "label": "overlay",
        "url": "http://localhost:3000/overlay",
        "width": 720,
        "height": 120,
        "center": true,
        "resizable": false,
        "decorations": false,
        "alwaysOnTop": true,
        "skipTaskbar": true,
        "fullscreen": false,
        "visible": false
      }

the ui code itself:

 isOverlayVisible && (
      <main className="bg-[#111] px-[10px] py-[12px] rounded-md h-screen w-screen">
        <form onSubmit={handleSubmit}>
          <input
            type="text"
            placeholder="Enter a link here..."
            className="focus:outline-none w-[80%] h-[40%] placeholder:text-[16px] bg-[#111] text-white font-inter"
            ref={inputRef}
            style={{ border: "none", outline: "none", boxShadow: "none" }}
          />
          <button
            type="submit"
            className="ml-[4px] text-white absolute bottom-4 right-4"
          >
            submit
          </button>
        </form>
      </main>
    )```
stone quest
grave whale