code.gitea.io/gitea@v1.22.3/web_src/css/modules/flexcontainer.css (about)

     1  /* container for full-page content with sidebar on left */
     2  
     3  .flex-container {
     4    display: flex !important;
     5    gap: var(--page-spacing);
     6    margin-top: var(--page-spacing);
     7  }
     8  
     9  /* small options menu on the left, used in settings/admin pages */
    10  .flex-container-nav {
    11    width: 240px;
    12  }
    13  
    14  /* wide sidebar on the right, used in frontpage */
    15  .flex-container-sidebar {
    16    width: 35%;
    17  }
    18  
    19  .flex-container-main {
    20    flex: 1;
    21    min-width: 0; /* make the "text truncate" work, otherwise the flex axis is not limited and the text just overflows */
    22  }
    23  
    24  @media (max-width: 767.98px) {
    25    .flex-container {
    26      flex-direction: column;
    27    }
    28    .flex-container-nav,
    29    .flex-container-sidebar {
    30      order: -1;
    31      width: auto;
    32    }
    33  }