lxm_front/eruda
1
0
Fork 0
mirror of https://github.com/liriliri/eruda.git synced 2026-04-01 10:18:35 +08:00
Code Issues Projects Releases Wiki Activity

chore: small changes

Browse Source
This commit is contained in:
redhoodsu
2019-11-18 06:28:40 +08:00
parent dcf8e182fb
commit 6ec4ba748a
11 changed files with 24 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Console/Console.scss
View File

@@ -41,14 +41,12 @@
}
.filter {
cursor: pointer;
color: $gray;
margin: 0 1px;
font-size: $font-size-s;
height: 20px;
display: inline-block;
padding: 0 4px;
line-height: 20px;
border-radius: $border-radius;
transition: background $anim-duration, color $anim-duration;
&.active {
background: var(--highlight);

26
src/Console/Logger.scss
View File

@@ -46,7 +46,7 @@
margin-top: -1px;
margin-bottom: -1px;
position: relative;
border-right: 1px solid $gray;
border-right: 1px solid var(--border);
&.group-closed::before {
content: '';
}
@@ -71,27 +71,20 @@
min-height: 24px;
color: var(--foreground);
a {
color: $blue !important;
color: var(--link-color) !important;
}
.icon-container {
padding-top: 2px;
margin: 0 -6px 0 $padding;
.icon {
line-height: 20px;
font-size: 12px;
color: $gray-dark;
font-size: $font-size-s;
color: var(--foreground);
position: relative;
}
.icon-caret-right,
.icon-caret-down {
left: -2px;
color: var(--foreground);
}
.icon-arrow-right {
color: $blue;
}
.icon-info {
color: $blue;
}
.icon-error {
color: var(--console-error-foreground);
@@ -123,9 +116,6 @@
user-select: text;
}
}
&.input {
background: #fff;
}
&.html,
&.table {
table {
@@ -149,9 +139,6 @@
background: var(--contrast);
}
}
.blue {
color: $blue;
}
}
&.error {
z-index: 50;
@@ -164,7 +151,7 @@
white-space: nowrap;
}
.count {
background: $red;
background: var(--console-error-foreground);
}
}
&.debug {
@@ -180,9 +167,6 @@
&.info {
z-index: 30;
}
&.output {
color: $gray-dark;
}
&.group,
&.groupCollapsed {
font-weight: bold;

26
src/Elements/Elements.scss
View File

@@ -56,7 +56,7 @@
width: 18px;
height: 18px;
line-height: 18px;
font-size: 12px;
font-size: $font-size-s;
}
background: var(--darker-background);
border-top: 1px solid var(--border);
@@ -92,18 +92,18 @@
cursor: pointer;
}
&.active-effect:active {
background: $blue;
color: #fff;
background: var(--highlight);
color: var(--select-foreground);
span {
color: #fff;
color: var(--select-foreground);
}
}
}
}
.attributes {
font-size: 12px;
font-size: $font-size-s;
a {
color: $blue;
color: var(--link-color);
}
.table-wrapper {
@include overflow-auto(x);
@@ -128,7 +128,7 @@
height: 10px;
border-radius: 50%;
margin-right: 2px;
border: 1px solid $gray-dark;
border: 1px solid var(--border);
display: inline-block;
}
.box-model {
@@ -191,7 +191,7 @@
.computed-style {
font-size: $font-size-s;
a {
color: $blue;
color: var(--link-color);
}
.table-wrapper {
@include overflow-auto(y);
@@ -208,11 +208,10 @@
}
}
.styles {
font-size: 12px;
font-size: $font-size-s;
.style-wrapper {
padding: $padding;
.style-rules {
border-radius: $border-radius;
border: 1px solid var(--border);
padding: $padding;
margin-bottom: 10px;
@@ -220,7 +219,7 @@
padding-left: 2em;
word-break: break-all;
a {
color: $blue;
color: var(--link-color);
}
span {
color: var(--var-color);
@@ -233,7 +232,7 @@
}
}
.listeners {
font-size: 12px;
font-size: $font-size-s;
.listener-wrapper {
padding: $padding;
.listener {
@@ -250,9 +249,6 @@
@include overflow-auto(x);
padding: $padding;
border-top: none;
&.capture {
background: $gray-light;
}
}
}
}

2
src/Elements/Highlight.scss
View File

@@ -48,7 +48,7 @@
left: 0;
background: #333740;
color: #d9d9d9;
font-size: 12px;
font-size: $font-size-s;
height: 25px;
line-height: 25px;
text-align: center;

2
src/Network/Network.scss
View File

@@ -26,7 +26,7 @@
white-space: nowrap;
&.error {
span {
color: $red;
color: var(--console-error-foreground);
}
}
span {

2
src/Settings/Settings.scss
View File

@@ -9,7 +9,7 @@
.text {
padding: $padding;
color: var(--accent);
font-size: 12px;
font-size: $font-size-s;
}
.select,
.range,

2
src/Snippets/Snippets.scss
View File

@@ -27,7 +27,7 @@
width: 18px;
height: 18px;
line-height: 18px;
font-size: 12px;
font-size: $font-size-s;
}
}
.description {

4
src/Snippets/searchText.scss
View File

@@ -3,7 +3,7 @@
.search-highlight-block {
display: inline;
.keyword {
background: $yellow;
color: #fff;
background: var(--console-warn-background);
color: var(--console-warn-foreground);
}
}

2
src/Sources/Sources.scss
View File

@@ -53,7 +53,7 @@
.img-info {
text-align: center;
margin: 20px 0;
color: $gray;
color: var(--foreground);
}
}
.json {

14
src/style/style.scss
View File

@@ -9,7 +9,7 @@
width: 100%;
height: 100%;
z-index: 100000;
color: $gray-dark;
color: var(--foreground);
font-family: $font-family;
font-size: $font-size;
direction: ltr;
@@ -37,18 +37,6 @@
display: none;
}
.blue {
color: $blue;
}
.red {
color: $red;
}
.green {
color: $green;
}
.tag-name-color {
color: var(--tag-name-color);
}

19
src/style/variable.scss
View File

@@ -1,7 +1,3 @@
$box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 4px 0 rgba(0, 0, 0, 0.08),
0 3px 1px -2px rgba(0, 0, 0, 0.2);
$border-radius: 4px;
$padding: 10px;
$font-size: 14px;
@@ -12,18 +8,3 @@ $font-family: 'Helvetica Neue', Helvetica, Arial, sans-seri;
$font-family-code: Consolas, Lucida Console, Monaco, MonoSpace;
$anim-duration: 0.3s;
// https://www.google.com/design/spec/style/color.html#color-color-palette
$blue: #2196f3;
$blue-light: #90caf9;
$blue-dark: #1565c0;
$gray: #707d8b;
$gray-light: #eceffe;
$gray-dark: #263238;
$red: #f44336;
$red-light: #ffebee;
$red-dark: #b71c1c;
$green: #009688;
$yellow: #ffc107;
$yellow-light: #ffecb3;
$yellow-dark: #ff6f00;