1/* 2 * Copyright 2022 The Pigweed Authors 3 * 4 * Licensed under the Apache License, Version 2.0 (the "License"); you may not 5 * use this file except in compliance with the License. You may obtain a copy of 6 * the License at 7 * 8 * https://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, WITHOUT 12 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 13 * License for the specific language governing permissions and limitations under 14 * the License. 15 */ 16.container { 17 padding: 1rem; 18 overflow: hidden; 19 height: 100vh; 20} 21 22.main { 23 min-height: 100vh; 24 flex: 1; 25 display: flex; 26 flex-direction: column; 27 gap: 1rem; 28} 29 30.toolbar { 31 display: flex; 32 gap: 1rem; 33 align-items: center; 34 35 .logo { 36 margin: 0; 37 line-height: 1.15; 38 font-size: 1rem; 39 40 &>span { 41 color: #D475D4; 42 font-size: 1.5rem; 43 } 44 } 45} 46 47.description { 48 margin: 4rem 0; 49 line-height: 1.5; 50 font-size: 1.5rem; 51} 52 53.grid { 54 display: flex; 55 flex-grow: 1; 56 background-color: #2c313a; 57 border-radius: 10px; 58 59 &>div { 60 flex-grow: 1; 61 padding: 1rem; 62 max-width: 50vw; 63 } 64 65 &>div:first-child { 66 border-right: 1px solid #414141; 67 } 68} 69 70.logsContainer{ 71 height: calc(100vh - 78px); 72} 73 74@media (max-width: 600px) { 75 .grid { 76 width: 100%; 77 flex-direction: column; 78 } 79} 80