@reference "./globals.css";

.storage-container {
  .sbui-space-col {
    @apply grow;
    #files {
      @apply h-full;
    }
  }
  .sbui-btn {
    @apply focus:outline-hidden;
  }
  .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;
  }
}

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

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