feeds-fun/src/css/side_panel_layout.css

Frontend for the Feeds Fun — web-based news reader

@layer components {
  .ffun-side-panel-layout {
    @apply flex divide-x;

    .ffun-side-panel {
      @apply px-4 w-72 bg-slate-50 flex-shrink-0;

      .ffun-side-panel-controls-list {
        @apply space-y-2;
      }

      /* TODO: move this style our layout? */
      .ffun-side-panel-refresh-button {
        @apply ffun-form-button my-1 block w-full text-center;
      }
    }

    .ffun-side-panel-collapsed {
      @apply px-4 w-16 bg-slate-50 flex-shrink-0;
    }

    .ffun-body-panel {
      @apply flex-grow;
    }
  }

  .ffun-body-list-entry {
    @apply mb-1;
  }

  .ffun-body-list-entry:not(:last-child) {
    @apply border-b py-1;
  }

  .ffun-body-list-icon-column {
    @apply flex-shrink-0 mr-2 text-center cursor-default text-2xl;
  }
}