Some suggestion for Sora web UI

  1. remove all blur effect of background (performance problem)
  2. hide prompt input when explore
  3. make file selector bigger and thumbnail complete

Here is the user CSS:

@-moz-document domain("sora.com"), domain("sora.chatgpt.com") {
	*, html, body, :root, :host, div, [class], [style], ::before, ::after {
		backdrop-filter: revert !important
	}
	*, html, body, :root, :host {
		*, div, [class], [style], & {
			*, ::before, ::after, & {
				backdrop-filter: revert !important;
			}
		}
	}
	main:has(div.h-full.max-h-screen.min-h-screen.w-full div.flex.flex-col.items-start a[href^="/explore"].bg-token-bg-active) div[class^="absolute bottom-2 left-1/2 hidden w-full max-w-[800px] -translate-x-1/2 px-3 tablet:block tablet:left-[calc(var(--sidebar-width)+2*var(--sidebar-gap)+(100%-(var(--sidebar-width)+2*var(--sidebar-gap)))/2)] tablet:w-[calc(100%-(var(--sidebar-width)+2*var(--sidebar-gap)))]"]:has(textarea[placeholder^="Describe your"]) {
		display: none !important
	}
	div[role="dialog"].dialog-content:has([style*="scrollbar-gutter"]) {
		height: 98vh !important;
		max-width: 98vw !important;
		img, video {
			object-fit: contain !important;
		}
	}
}
  1. grid layout in “explore”, “search”, “likes” that same as “my media” (this can’t be done by user CSS)
  2. search by text in “likes”
  3. pagination (at most 500 items per page) instead of infinite scrolling
  4. sort by like date or create date, view by filter date range