Contents

  .h-screen.flex {
    max-width: 100%;
    max-height: 100%;
  }

  .page_bg {
    flex-direction: column;
    width: 0;
    flex-grow: 1;
    z-index: 1;
    position: relative;
    background-color: #f3f3f4;
  }

  .sidebar .arrow {
    margin-top: 20px;
    font-size: 20px;
    opacity: 0.5;
    margin-left: 160px;
    transform: scaleX(-1);
    transition: backdrop-filter 0.3s ease-in-out, transform 0.3s ease-in-out;
  }

  .sidebar.close .arrow{
    margin-right: -20px;
    transform: scaleX(1);
  }

  .h-screen.flex .page_bg .topbar .account-icon {
    display: block;
    margin-top: -14px;
    margin-left: -30px;
    opacity: 100%;
  }

  .h-screen.flex .page_bg .topbar .account-name {
    @apply dark:text-white;
    display: block;
    margin-top: 20px;
    opacity: 75%;
  }

  .topbar.close .account-icon {
    display:block;
  }

  .arrow:hover {
    color: #555555;
    cursor: pointer;
  }

  .dark .arrow:hover {
    color: #c0c0c0;
  }
  
  .dark .arrow {
    color: #ffffff;
    opacity: 1;
    margin-top: 20px;
  }
  
  .dark .page_bg {
    background: rgb(17, 24, 39);
  }
  
  .page_bg .page_body {
    margin-left: 260px;
    overflow-y: auto;
    max-width: 87%;
    transition-delay: 0.1s;
    position: relative;
    height: calc(100vh - 4rem);
    transition: backdrop-filter 0.3s ease-in-out, transform 0.3s ease-in-out;
  }
  .page_bg .page_body.close {
    margin-left: 60px;
    z-index: 1;

  }
  
  .dark .page_body {
    background: rgb(17, 24, 39);
  }
  

  

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
satis-2.1.31	app/components/satis/page/component.css