cetirizine

An experimental matrix client written in reactjs utilizing tailwind and storybook
git clone git://archive.git.mtrnord.blog/MTRNord/cetirizine.git
Log | Files | Refs | README | LICENSE

roomList.scss (741B)


      1 .scrollbarSmall {
      2     scrollbar-width: thin;
      3 }
      4 
      5 .scrollbarSmall::-webkit-scrollbar {
      6     width: 8px;
      7 }
      8 
      9 .scrollbarSmall::-webkit-scrollbar-track {
     10     background: transparent;
     11 }
     12 
     13 .scrollbarSmall::-webkit-scrollbar-thumb {
     14     background-color: rgba(155, 155, 155, 0.5);
     15     border-radius: 5px;
     16     border: transparent;
     17 }
     18 
     19 #roomlist {
     20     @apply p-2 px-4 overflow-y-auto overflow-x-hidden scrollbarSmall gap-1;
     21     grid-area: roomlist;
     22     display: flex;
     23     flex-direction: column;
     24     flex-wrap: nowrap;
     25     align-items: flex-start;
     26     justify-content: flex-start;
     27     height: 100%;
     28 
     29     .room-section {
     30         user-select: none;
     31         display: flex;
     32         flex-direction: column;
     33         width: 100%;
     34         row-gap: 0.5rem;
     35     }
     36 }