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

chore: small changes

Browse Source
This commit is contained in:
surunzi
2024-07-11 14:55:53 +08:00
parent befa9aeee3
commit 0ea3a8bf74
5 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Console/Console.scss
View File

@@ -10,8 +10,8 @@
padding-bottom: 0; padding-bottom: 0;
} }
.control { .control {
@include control();
padding: 10px 10px 10px 35px; padding: 10px 10px 10px 35px;
@include control();
.icon-clear { .icon-clear {
padding-right: 0px; padding-right: 0px;
left: 0; left: 0;
@@ -96,10 +96,10 @@
border-right: 1px solid var(--border); border-right: 1px solid var(--border);
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
transition: background-color $anim-duration, color $anim-duration;
&:last-child { &:last-child {
border-right: none; border-right: none;
} }
transition: background-color $anim-duration, color $anim-duration;
&:active { &:active {
color: var(--select-foreground); color: var(--select-foreground);
background: var(--highlight); background: var(--highlight);

4
src/Elements/Elements.scss
View File

@@ -9,8 +9,8 @@
font-size: 14px; font-size: 14px;
} }
.control { .control {
@include control();
padding: 10px 0; padding: 10px 0;
@include control();
.icon-eye { .icon-eye {
right: 0; right: 0;
} }
@@ -86,7 +86,6 @@
color: var(--foreground); color: var(--foreground);
margin: 10px 0; margin: 10px 0;
h2 { h2 {
@include right-btn();
color: var(--primary); color: var(--primary);
background: var(--darker-background); background: var(--darker-background);
border-top: 1px solid var(--border); border-top: 1px solid var(--border);
@@ -94,6 +93,7 @@
line-height: 18px; line-height: 18px;
font-size: $font-size; font-size: $font-size;
transition: background-color $anim-duration; transition: background-color $anim-duration;
@include right-btn();
&.active-effect { &.active-effect {
cursor: pointer; cursor: pointer;
} }

6
src/Network/Network.scss
View File

@@ -7,9 +7,9 @@
padding-top: 39px; padding-top: 39px;
} }
.control { .control {
@include control();
padding: 10px; padding: 10px;
border-bottom: none; border-bottom: none;
@include control();
.title { .title {
font-size: $font-size; font-size: $font-size;
} }
@@ -91,6 +91,8 @@
.section { .section {
border-top: 1px solid var(--border); border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
margin-top: 10px;
margin-bottom: 10px;
h2 { h2 {
background: var(--darker-background); background: var(--darker-background);
color: var(--primary); color: var(--primary);
@@ -98,8 +100,6 @@
line-height: 18px; line-height: 18px;
font-size: $font-size; font-size: $font-size;
} }
margin-top: 10px;
margin-bottom: 10px;
table { table {
color: var(--foreground); color: var(--foreground);
* { * {

6
src/Resources/Resources.scss
View File

@@ -34,11 +34,11 @@
} }
} }
.title { .title {
@include right-btn();
padding: $padding; padding: $padding;
line-height: 18px; line-height: 18px;
color: var(--primary); color: var(--primary);
background: var(--darker-background); background: var(--darker-background);
@include right-btn();
} }
.link-list { .link-list {
font-size: $font-size-s; font-size: $font-size-s;
@@ -52,20 +52,20 @@
} }
} }
.image-list { .image-list {
@include clear-float();
color: var(--foreground); color: var(--foreground);
font-size: $font-size-s; font-size: $font-size-s;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: $padding !important; padding: $padding !important;
@include clear-float();
li { li {
flex-grow: 1; flex-grow: 1;
cursor: pointer; cursor: pointer;
overflow-y: hidden;
&.image { &.image {
height: 100px; height: 100px;
font-size: 0; font-size: 0;
} }
overflow-y: hidden;
img { img {
height: 100px; height: 100px;
min-width: 100%; min-width: 100%;

6
src/style/style.scss
View File

@@ -4,9 +4,6 @@
.container { .container {
min-width: 320px; min-width: 320px;
&.dark {
color-scheme: dark;
}
pointer-events: none; pointer-events: none;
position: fixed; position: fixed;
left: 0; left: 0;
@@ -18,6 +15,9 @@
font-family: $font-family; font-family: $font-family;
font-size: $font-size; font-size: $font-size;
direction: ltr; direction: ltr;
&.dark {
color-scheme: dark;
}
* { * {
box-sizing: border-box; box-sizing: border-box;
pointer-events: all; pointer-events: all;