applications/drive/src/app/components/SharedPage/Layout/Layout.scss

   1 @import '~@proton/styles/scss/lib';
   2
   3 .shared-page-layout {
   4         &-loader {
   5                 color: var(--primary);
   6         }
   7
   8         &-container {
   9                 margin-inline: auto;
  10                 border-radius: var(--border-radius-lg);
  11                 min-block-size: rem(315); // To fit exactly 4 items on different screens before its expanded.
  12         }
  13
  14         &-encryption-block-text {
  15                 color: var(--signal-success);
  16         }
  17
  18         &-bg .header {
  19                 flex-wrap: wrap;
  20                 gap: var(--space-2);
  21                 padding-block: var(--space-2);
  22         }
  23 }
  24
  25 .shared-folder-empty-placeholder-container {
  26         position: relative;
  27         padding-block-start: rem(38);
  28 }
  29
  30 .shared-folder-empty-placeholder-text {
  31         max-inline-size: rem(380);
  32 }
  33
  34 .collapsing-breadcrumbs.shared-folder-header-breadcrumbs {
  35         margin-inline-start: -0.25em;
  36 }