@hkxdv/astro-shade-dx-template/templates/demo/src/styles/sidebar.css

Astro template with React, shadcn/ui, Bun, Biome & ESLint. Pre-configured TypeScript, Tailwind CSS, dark/light themes, and optimized DX. Run directly with 'bunx @hkxdv/astro-shade-dx-template' without installation.

.file-tree {
  --small-line-height: 1.8;
}

.file-tree .dense-folder .sidebar-menu-sub {
  --small-gap: 0.25rem;
  display: grid;
  gap: var(--small-gap);
}

.file-tree .dense-folder .sidebar-menu-button {
  height: calc(1.8rem + var(--small-gap));
  min-height: unset;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

.scrollbar-thin::-webkit-scrollbar {
  width: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track {
  background: transparent;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: rgba(155, 155, 155, 0.3);
  border-radius: 3px;
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color: rgba(155, 155, 155, 0.5);
}

.scrollbar-thin {
  scrollbar-width: thin;
  scrollbar-color: rgba(155, 155, 155, 0.3) transparent;
}