supabase/apps/studio/styles/storage.scss

.storage-container {
  .sbui-space-col {
    @apply flex-grow;
    #files {
      @apply h-full;
    }
  }
  .sbui-btn {
    @apply focus:outline-none;
  }
  .sbui-btn-default {
    @apply border;
    border-color: transparent !important;
  }
  .sbui-checkbox-container {
    @apply w-auto;
  }
  .sbui-input-container {
    input {
      @apply text-sm;
    }
    .sbui-btn-container {
      .sbui-btn {
        @apply py-1;
      }
    }
  }
  .sbui-menu__item {
    span {
      @apply text-sm;
    }
  }
  .sbui-overlay-container {
    @apply z-10;
  }
}

// May need to just comment this out, the smooth scrolling looks weird
// .file-explorer {
// scroll-behavior: smooth;
// }

.storage-row:hover,
button[aria-haspopup='menu'][data-state='open'],
button[aria-haspopup='menu']:focus-visible {
  .storage-row-menu {
    @apply opacity-100;
  }
}

.shimmering-loader {
  animation: shimmer 2s infinite linear;
  background: linear-gradient(
    to right,
    hsl(var(--border-default)) 4%,
    hsl(var(--background-surface-200)) 25%,
    hsl(var(--border-default)) 36%
  );
  background-size: 1000px 100%;
}

.dark .shimmering-loader {
  animation: shimmer 2s infinite linear;
  background: linear-gradient(
    to right,
    hsl(var(--border-default)) 4%,
    hsl(var(--border-control)) 25%,
    hsl(var(--border-default)) 36%
  );
  background-size: 1000px 100%;
}

@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

.sql-editor-container {
  @apply p-0;
}

.sbui-dropdown__trigger:focus {
  outline: none;
}