Skip to content

Commit d8fc4e5

Browse files
TommyLemonTommyLemon
committed
新增logo
1 parent 5ef8bac commit d8fc4e5

File tree

10 files changed

+53
-41
lines changed

10 files changed

+53
-41
lines changed

‎css/main.css

Lines changed: 51 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
html,body {
22
margin: 0;
3-
padding: 0;
3+
padding: 0;
44
color: #555;
55
font-size: 14px;
66
overflow: hidden
@@ -9,7 +9,7 @@ html,body {
99
* {
1010
box-sizing: border-box;
1111
font-family: Menlo, Monaco, Consolas, "Helvetica Neue", Helvetica, "Courier New", 微软雅黑, monospace, Arial, sans-serif, 黑体;
12-
12+
1313
}
1414

1515
[v-show] {
@@ -34,7 +34,7 @@ html,body {
3434

3535

3636
textarea {
37-
color: #555;
37+
color: #555;
3838
}
3939

4040
ul {
@@ -62,7 +62,7 @@ a:link, a:visited {
6262
}
6363

6464
a:link svg, a:visited svg {
65-
fill: #999;
65+
fill: #999;
6666
}
6767

6868
a:active, a:hover {
@@ -82,25 +82,36 @@ a:active svg, a:hover svg{
8282
}
8383

8484
.icon-square {
85-
width: 12px;
86-
height: 12px;
87-
display: inline-block;
88-
cursor: pointer;
89-
user-select: none
85+
width: 12px;
86+
height: 12px;
87+
display: inline-block;
88+
cursor: pointer;
89+
user-select: none
9090
}
9191

9292
.icon-square-plus {
9393
display: none;
9494
user-select: none
9595
}
9696

97+
.logo-img {
98+
position: fixed;
99+
display: inline-block;
100+
height: inherit;
101+
align-content: center;
102+
padding-top: 6px;
103+
padding-bottom: 6px
104+
}
105+
97106
.logo {
98107
display: inline-block;
99108
text-decoration: none;
100109
font-weight: bold;
101110
font-size: 24px;
102111
color: #f34e5c;
103112
padding: 10px;
113+
height: 100%;
114+
margin-left: 48px;
104115
}
105116

106117
.logo .on {
@@ -144,7 +155,7 @@ a:active svg, a:hover svg{
144155
width: 40%;
145156
overflow: hidden;
146157
box-shadow: 1px 1px 1px rgba(245, 244, 244, 0.52);
147-
158+
148159
}
149160

150161
.left-bar {
@@ -204,7 +215,7 @@ textarea {
204215
position: relative;
205216
width: 100%;
206217
height: 100%;
207-
padding-top: 40px;
218+
padding-top: 40px;
208219
}
209220

210221

@@ -216,14 +227,14 @@ textarea {
216227
#diffoutput {
217228
height: 100%;
218229
overflow-y: scroll;
219-
padding: 20px;
230+
padding: 20px;
220231
}
221232

222233
.view-code {
223234
width: 100%;
224235
height: 100%;
225-
padding: 10px;
226-
overflow: hidden;
236+
padding: 10px;
237+
overflow: hidden;
227238
overflow-y: scroll;
228239
word-break: break-all;
229240
}
@@ -299,8 +310,8 @@ textarea {
299310
.pop {
300311
display: none;
301312
position: absolute;
302-
right: 0;
303-
top: 40px;
313+
right: 0;
314+
top: 40px;
304315
border: #DDD 1px solid;
305316
border-bottom: 0;
306317
border-top: 0;
@@ -371,10 +382,10 @@ textarea {
371382
}
372383

373384
.save-box button {
374-
border: none;
375-
padding: 8px 20px;
376-
cursor: pointer;
377-
outline: none;
385+
border: none;
386+
padding: 8px 20px;
387+
cursor: pointer;
388+
outline: none;
378389
}
379390

380391
.save-box .close-icon {
@@ -433,15 +444,15 @@ textarea {
433444
color: #25aae2;
434445
padding: 0 2px;
435446
}
436-
447+
437448

438449
.error-position {
439-
background-color: #ea1313;
440-
color: #FFF;
450+
background-color: #ea1313;
451+
color: #FFF;
441452
}
442453

443454
.json-link:link {
444-
text-decoration: none
455+
text-decoration: none
445456
}
446457
/* .json-link:link, .json-link:visited {
447458
color: #717171;
@@ -498,29 +509,29 @@ table.diff thead th.texttitle {
498509

499510

500511
.label{
501-
border: solid 1px #F1F1F1;
502-
background: #fff;
503-
display: inline-block;
504-
height: 22px;
505-
padding: 0 6px;
506-
line-height: 22px;
507-
position: absolute;
508-
top: 7px;
509-
right: 6px;
510-
text-align: center;
511-
font-size: 12px;
512-
color: #777;
513-
border-radius: 1px;
514-
z-index: 30;
515-
opacity: 0.5;
512+
border: solid 1px #F1F1F1;
513+
background: #fff;
514+
display: inline-block;
515+
height: 22px;
516+
padding: 0 6px;
517+
line-height: 22px;
518+
position: absolute;
519+
top: 7px;
520+
right: 6px;
521+
text-align: center;
522+
font-size: 12px;
523+
color: #777;
524+
border-radius: 1px;
525+
z-index: 30;
526+
opacity: 0.5;
516527
}
517528

518529

519530
.historys {
520531
margin: 0;
521532
padding: 0;
522533
width: 200px;
523-
534+
524535
background-color: #FFF;
525536
}
526537

‎favicon.ico

100755100644
0 Bytes
Binary file not shown.

‎favoricon.psd

-138 KB
Binary file not shown.

‎img/demo-1.png

-25.3 KB
Binary file not shown.

‎img/demo-2.png

-19.3 KB
Binary file not shown.

‎img/demo-3.png

-59.1 KB
Binary file not shown.

‎img/logo.png

100755100644
-16.3 KB
Loading

‎img/logo.psd

606 KB
Binary file not shown.

‎img/logo_micro.png

1.19 KB
Loading

‎index.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
/* justify-content: center */
2424
}
2525
.transfer{
26-
width: 10%;
26+
width: 58px;
2727
height: 100%;
2828
margin: 0;
2929
padding: 0;
@@ -37,6 +37,7 @@
3737
</style>
3838
<div id="app">
3939
<div class="side-top">
40+
<img src="img/logo.png" class="logo-img"/>
4041
<a class="logo" href="https://github.com/TommyLemon/APIJSON" target="_blank">
4142
<span class="on">APIJSON</span><span >.org</span>
4243
</a>

0 commit comments

Comments
 (0)