diff options
author | Xin Li <delphij@google.com> | 2023-08-14 15:38:30 -0700 |
---|---|---|
committer | Xin Li <delphij@google.com> | 2023-08-14 15:38:30 -0700 |
commit | bddf63953e111d742b591c1c0c7c34bcda8a51c7 (patch) | |
tree | 3a93128bff4b737b24b0c9581922c0b20410f0f4 /pw_web/webconsole/styles/Home.module.scss | |
parent | ee890da55c82b95deca3518d5f3777e3d8ca9f0e (diff) | |
parent | fbb9890f8922aa55fde183655a0017e69127ea4b (diff) | |
download | pigweed-tmp_amf_298295554.tar.gz |
Merge Android U (ab/10368041)tmp_amf_298295554
Bug: 291102124
Merged-In: I10c41adb8fe3e126cfa4ff2f49b15863fff379de
Change-Id: I66f7a6cccaafc173d3924dae62a736c6c53520c7
Diffstat (limited to 'pw_web/webconsole/styles/Home.module.scss')
-rw-r--r-- | pw_web/webconsole/styles/Home.module.scss | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/pw_web/webconsole/styles/Home.module.scss b/pw_web/webconsole/styles/Home.module.scss new file mode 100644 index 000000000..5f671c86a --- /dev/null +++ b/pw_web/webconsole/styles/Home.module.scss @@ -0,0 +1,75 @@ +/* + * Copyright 2022 The Pigweed Authors + * + * Licensed under the Apache License, Version 2.0 (the "License"); you may not + * use this file except in compliance with the License. You may obtain a copy of + * the License at + * + * https://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations under + * the License. + */ +.container { + padding: 1rem; + overflow: hidden; + height: 100vh; +} + +.main { + min-height: 100vh; + flex: 1; + display: flex; + flex-direction: column; + gap: 1rem; +} + +.toolbar { + display: flex; + gap: 1rem; + align-items: center; + + .logo { + margin: 0; + line-height: 1.15; + font-size: 1rem; + + &>span { + color: #D475D4; + font-size: 1.5rem; + } + } +} + +.description { + margin: 4rem 0; + line-height: 1.5; + font-size: 1.5rem; +} + +.grid { + display: flex; + flex-grow: 1; + background-color: #2c313a; + border-radius: 10px; + + &>div { + flex-grow: 1; + padding: 1rem; + max-width: 50vw; + } + + &>div:first-child { + border-right: 1px solid #414141; + } +} + +@media (max-width: 600px) { + .grid { + width: 100%; + flex-direction: column; + } +} |