Skip to content

openwebui.com tweaks by sammcj

Screenshot of openwebui.com tweaks

Details

Authorsammcj

LicenseMIT

Categoryopenwebui.com

Created

Updated

Code size1.2 kB

Code checksum20229eb1

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Make OpenWebUI's function/tool browser a reasonable width

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           openwebui.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Make OpenWebUI's function/tool browser a reasonable width
@author         Sam McLeod
==/UserStyle== */
@-moz-document domain("openwebui.com") {
  /* Make the container wider  */
  .mx-auto.h-full.min-h-screen.w-full.md\:max-w-2xl.pt-12.md\:py-0 {
    max-width: 120rem !important; 
  }
  
  /* Target the specific grid container for the functions list */
  .grid.auto-rows-fr.grid-cols-1.gap-0\.5 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
  }
  
  /* Ensure each function card maintains its appearance */
  .flex.w-full.cursor-pointer.space-x-4.px-5.py-3 {
    display: flex !important;
    height: 100% !important;
  }
  
  /* Adjust spacing in the cards for better fit */
  .flex.w-full.cursor-pointer.space-x-4.px-5.py-3 {
    padding: 0.75rem !important;
  }
  
  /* Make the pagination controls span both columns */
  .flex.justify-center {
    grid-column: span 2 !important;
  }
  
  /* Prevent breaking in the middle of a card description */
  .flex-1.self-center {
    break-inside: avoid !important;
  }
}

Reviews

No reviews yet.