mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-30 09:54:02 +08:00
Jack Franklin
64f1c6fa2e
Just to make it look a little nicer! https://imgur.com/a/uelnn6K Bug: none Change-Id: Ie65dc11d7a4047e2c2c6816baa66d47d32259c11 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3347792 Commit-Queue: Jack Franklin <jacktfranklin@chromium.org> Auto-Submit: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Andres Olivares <andoli@chromium.org> Commit-Queue: Andres Olivares <andoli@chromium.org>
52 lines
968 B
CSS
52 lines
968 B
CSS
/*
|
|
* Copyright 2021 The Chromium Authors. All rights reserved.
|
|
* Use of this source code is governed by a BSD-style license that can be
|
|
* found in the LICENSE file.
|
|
*/
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: ".SFNSDisplay-Regular", "Helvetica Neue", "Lucida Grande", sans-serif;
|
|
}
|
|
|
|
#index-page h1 {
|
|
text-align: left;
|
|
border-bottom: 1px solid var(--color-details-hairline);
|
|
padding: 10px;
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.components-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 10px;
|
|
}
|
|
|
|
.components-list li {
|
|
width: 20%;
|
|
min-width: 150px;
|
|
max-width: 300px;
|
|
margin: 0 12px 12px 0;
|
|
}
|
|
|
|
.components-list a {
|
|
display: block;
|
|
padding: 10px;
|
|
}
|
|
|
|
.components-list a:link,
|
|
.components-list a:visited {
|
|
text-transform: capitalize;
|
|
color: var(--color-primary);
|
|
text-decoration: none;
|
|
box-shadow: var(--drop-shadow);
|
|
}
|
|
|
|
.components-list a:hover {
|
|
box-shadow: var(--drop-shadow-depth-3);
|
|
}
|