vitess.io/vitess@v0.16.2/web/vtadmin/src/components/routes/schema/Schema.module.scss (about)

     1  /**
     2   * Copyright 2021 The Vitess Authors.
     3   *
     4   * Licensed under the Apache License, Version 2.0 (the "License");
     5   * you may not use this file except in compliance with the License.
     6   * You may obtain a copy of the License at
     7   *
     8   *     http://www.apache.org/licenses/LICENSE-2.0
     9   *
    10   * Unless required by applicable law or agreed to in writing, software
    11   * distributed under the License is distributed on an "AS IS" BASIS,
    12   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    13   * See the License for the specific language governing permissions and
    14   * limitations under the License.
    15   */
    16  .headingMeta {
    17      display: flex;
    18  }
    19  
    20  .headingMeta span {
    21      display: inline-block;
    22      line-height: 2;
    23  
    24      &::after {
    25          color: var(--colorScaffoldingHighlight);
    26          content: '/';
    27          display: inline-block;
    28          margin: 0 1.2rem;
    29      }
    30  
    31      &:last-child::after {
    32          content: none;
    33      }
    34  }
    35  
    36  .container {
    37      display: grid;
    38      grid-gap: 16px;
    39  }
    40  
    41  .panel {
    42      border: solid 1px var(--colorScaffoldingHighlight);
    43      border-radius: 6px;
    44      padding: 0 2.4rem 2.4rem 2.4rem;
    45      max-width: 960px;
    46      overflow: auto;
    47  }
    48  
    49  .errorPlaceholder {
    50      align-items: center;
    51      display: flex;
    52      flex-direction: column;
    53      font-size: theme('fontSize.lg');
    54      justify-content: center;
    55      margin: 25vh auto;
    56      max-width: 720px;
    57      text-align: center;
    58  
    59      h1 {
    60          margin: 1.6rem 0;
    61      }
    62  }
    63  
    64  .errorEmoji {
    65      display: block;
    66      font-size: 5.6rem;
    67  }
    68  
    69  .skBadge {
    70      border: solid 1px var(--colorPrimary50);
    71      border-radius: 6px;
    72      color: var(--colorPrimary);
    73      cursor: default;
    74      display: inline-block;
    75      font-size: theme('fontSize.sm');
    76      margin: 0 12px;
    77      padding: 4px 8px;
    78      text-transform: uppercase;
    79      white-space: nowrap;
    80  }