github.com/grafviktor/keep-my-secret@v0.9.10-0.20230908165355-19f35cce90e5/website/src/components/Home/style.css (about)

     1  .kms-home {
     2    height: 100%;
     3    margin: 0 auto;
     4    padding: 10px;
     5    display: flex;
     6    flex-direction: column;
     7    width: 100%;
     8    max-width: 1200px
     9  }
    10  
    11  .kms-secret-list {
    12    width: 100%;
    13    height: 100%;
    14    border: 1px solid #eee;
    15    border-radius: 5px;
    16    display: flex;
    17    justify-content: space-between;
    18    flex-wrap: wrap;
    19    align-content: flex-start;
    20    padding: 1%;
    21    position: relative;
    22  }
    23  
    24  .kms-secret-list__item {
    25    width: 49.5%;
    26    margin-bottom: 1%;
    27  }
    28  
    29  .kms-button-add {
    30    width: 15%;
    31    align-self: flex-end;
    32    margin: 0 auto;
    33    margin-top: 10px;
    34  }
    35  
    36  .kms-busy-indicator {
    37    width: 100px;
    38    height: 100px;
    39    display: none;
    40    position: absolute;
    41    margin: auto;
    42    top: 50%;
    43    left: 50%;
    44    animation-name: disable-translate-animation;
    45  }
    46  
    47  .kms-busy-indicator__shown {
    48    display: inline-block;
    49  }
    50  
    51  @keyframes disable-translate-animation {
    52    0% {
    53      transform: translate(-50%, -50%) scale(0);
    54    }
    55    100% {
    56      opacity: 1;
    57      transform: translate(-50%, -50%) scale(1);
    58    }
    59  }
    60  
    61