File tree 15 files changed +230
-227
lines changed
15 files changed +230
-227
lines changed Original file line number Diff line number Diff line change 1
1
<template >
2
- <router-view />
2
+ <router-view />
3
3
</template >
4
4
5
5
<style >
6
6
* , * ::before , * ::after {
7
- box-sizing : border-box ;
7
+ box-sizing : border-box ;
8
8
}
9
9
html , body {
10
- padding : 0 ;
11
- margin : 0 ;
10
+ padding : 0 ;
11
+ margin : 0 ;
12
12
}
13
13
html {
14
- font-size : 16px ;
14
+ font-size : 16px ;
15
15
}
16
16
body {
17
- font-size : 1rem ;
17
+ font-size : 1rem ;
18
18
19
- font-family : ' Source Sans Pro' ;
19
+ font-family : ' Source Sans Pro' ;
20
20
}
21
21
pre , code , kbd , samp {
22
- font-family : ' Source Code Pro' ;
22
+ font-family : ' Source Code Pro' ;
23
23
}
24
24
</style >
Original file line number Diff line number Diff line change 1
1
<template >
2
- <LoadableText :text =" text" />
2
+ <LoadableText :text =" text" />
3
3
</template >
4
4
5
5
<script >
Original file line number Diff line number Diff line change 1
1
<template >
2
- <div v-if =" message" >{{ message }}</div >
2
+ <div v-if =" message" >{{ message }}</div >
3
3
</template >
4
4
5
5
<script >
@@ -12,11 +12,11 @@ export default {
12
12
13
13
<style scoped>
14
14
div {
15
- text-align : center ;
16
- background : #fdd ;
17
- color : #800 ;
18
- padding : 0.5rem 0.75rem ;
19
- margin : 1rem ;
20
- border-radius : 0.5rem ;
15
+ text-align : center ;
16
+ background : #fdd ;
17
+ color : #800 ;
18
+ padding : 0.5rem 0.75rem ;
19
+ margin : 1rem ;
20
+ border-radius : 0.5rem ;
21
21
}
22
22
</style >
Original file line number Diff line number Diff line change 1
1
<template >
2
- <div class =" wrapper" >
3
- <header >
4
- <slot name =" title" />
5
- <slot name =" error" />
6
- <slot name =" toolbar" />
7
- </header >
8
- <main >
9
- <div class =" content" >
10
- <slot />
11
- </div >
12
- </main >
13
- <footer >
14
- <p >
15
- <a :href =" source" >dri</a >
16
- {{ version }}
17
- by <a href =" https://github.com/serverwentdown" >@serverwentdown</a >
18
- </p >
19
- </footer >
20
- </div >
2
+ <div class =" wrapper" >
3
+ <header >
4
+ <slot name =" title" />
5
+ <slot name =" error" />
6
+ <slot name =" toolbar" />
7
+ </header >
8
+ <main >
9
+ <div class =" content" >
10
+ <slot />
11
+ </div >
12
+ </main >
13
+ <footer >
14
+ <p >
15
+ <a :href =" source" >dri</a >
16
+ {{ version }}
17
+ by <a href =" https://github.com/serverwentdown" >@serverwentdown</a >
18
+ </p >
19
+ </footer >
20
+ </div >
21
21
</template >
22
22
23
23
<script >
@@ -35,20 +35,20 @@ export default {
35
35
36
36
<style scoped>
37
37
header , footer , main {
38
- margin : 0 auto ;
38
+ margin : 0 auto ;
39
39
}
40
40
header , footer , .content {
41
- padding : 1rem ;
41
+ padding : 1rem ;
42
42
}
43
43
.content {
44
44
width : fit-content ;}
45
45
header , footer {
46
- max-width : 38rem ;
47
- text-align : center ;
46
+ max-width : 38rem ;
47
+ text-align : center ;
48
48
}
49
49
main {
50
- width : fit-content ;
51
- max-width : 100% ;
52
- overflow-x : auto ;
50
+ width : fit-content ;
51
+ max-width : 100% ;
52
+ overflow-x : auto ;
53
53
}
54
54
</style >
Original file line number Diff line number Diff line change 1
1
<template >
2
- <table >
3
- <thead >
4
- <slot name =" header" />
5
- </thead >
6
- <tbody >
7
- <slot />
8
- </tbody >
9
- </table >
2
+ <table >
3
+ <thead >
4
+ <slot name =" header" />
5
+ </thead >
6
+ <tbody >
7
+ <slot />
8
+ </tbody >
9
+ </table >
10
10
</template >
11
11
12
12
<style scoped>
13
13
table {
14
- min-width : 28rem ;
15
- border-spacing : 0 ;
14
+ min-width : 28rem ;
15
+ border-spacing : 0 ;
16
16
}
17
17
</style >
Original file line number Diff line number Diff line change 1
1
<template >
2
- <tr >
3
- <th class =" col title" ><slot name =" title" /></th >
4
- <th class =" col detail" v-if =" $slots.detail" ><slot name =" detail" /></th >
5
- <th class =" col date" v-if =" $slots.date" ><slot name =" date" /></th >
6
- <th class =" col size" v-if =" $slots.size" ><slot name =" size" /></th >
7
- <th class =" col buttons" v-if =" $slots.buttons" ><slot name =" buttons" /></th >
8
- </tr >
2
+ <tr >
3
+ <th class =" col title" ><slot name =" title" /></th >
4
+ <th class =" col detail" v-if =" $slots.detail" ><slot name =" detail" /></th >
5
+ <th class =" col date" v-if =" $slots.date" ><slot name =" date" /></th >
6
+ <th class =" col size" v-if =" $slots.size" ><slot name =" size" /></th >
7
+ <th class =" col buttons" v-if =" $slots.buttons" ><slot name =" buttons" /></th >
8
+ </tr >
9
9
</template >
10
10
11
11
<style scoped>
12
12
th {
13
- padding : 0.5rem ;
14
- white-space : nowrap ;
15
- font-size : 0.8em ;
16
- text-align : left ;
17
- border-bottom : 1px solid #eee ;
18
- text-align : right ;
13
+ padding : 0.5rem ;
14
+ white-space : nowrap ;
15
+ font-size : 0.8em ;
16
+ text-align : left ;
17
+ border-bottom : 1px solid #eee ;
18
+ text-align : right ;
19
19
}
20
20
.title {
21
- text-align : left ;
21
+ text-align : left ;
22
22
}
23
23
</style >
Original file line number Diff line number Diff line change 1
1
<template >
2
- <router-link tag =" tr" :to =" to || {}" >
3
- <td class =" col title" ><slot name =" title" /></td >
4
- <td class =" col detail" v-if =" $slots.detail" ><slot name =" detail" /></td >
5
- <td class =" col date" v-if =" $slots.date" ><slot name =" date" /></td >
6
- <td class =" col size" v-if =" $slots.size" ><slot name =" size" /></td >
7
- <td class =" col buttons" v-if =" $slots.buttons" ><slot name =" buttons" /></td >
8
- </router-link >
2
+ <router-link tag =" tr" :to =" to || {}" >
3
+ <td class =" col title" ><slot name =" title" /></td >
4
+ <td class =" col detail" v-if =" $slots.detail" ><slot name =" detail" /></td >
5
+ <td class =" col date" v-if =" $slots.date" ><slot name =" date" /></td >
6
+ <td class =" col size" v-if =" $slots.size" ><slot name =" size" /></td >
7
+ <td class =" col buttons" v-if =" $slots.buttons" ><slot name =" buttons" /></td >
8
+ </router-link >
9
9
</template >
10
10
11
11
<script >
@@ -18,19 +18,19 @@ export default {
18
18
19
19
<style scoped>
20
20
tr :hover {
21
- background : #f4f4f4 ;
21
+ background : #f4f4f4 ;
22
22
}
23
23
td {
24
- padding : 0.5rem 0.75rem ;
25
- white-space : nowrap ;
26
- border-bottom : 1px solid #eee ;
27
- border-bottom-width : 0.5px ;
28
- text-align : right ;
24
+ padding : 0.5rem 0.75rem ;
25
+ white-space : nowrap ;
26
+ border-bottom : 1px solid #eee ;
27
+ border-bottom-width : 0.5px ;
28
+ text-align : right ;
29
29
}
30
30
.title {
31
- text-align : left ;
31
+ text-align : left ;
32
32
}
33
33
.detail {
34
- font-size : 0.8em ;
34
+ font-size : 0.8em ;
35
35
}
36
36
</style >
Original file line number Diff line number Diff line change 1
1
<template >
2
- <span :class =" { loading: !text }" >{{ text }}<span /><span /><span /></span >
2
+ <span :class =" { loading: !text }" >{{ text }}<span /><span /><span /></span >
3
3
</template >
4
4
5
5
<script >
@@ -12,35 +12,35 @@ export default {
12
12
13
13
<style scoped>
14
14
span .loading > span {
15
- display : inline-block ;
16
- background : #000 ;
17
- border-radius : 0.09375em ;
18
- width : 0.1875em ;
19
- height : 0.1875em ;
20
- margin : 0.25em 0.075em ;
21
- opacity : 0.5 ;
15
+ display : inline-block ;
16
+ background : #000 ;
17
+ border-radius : 0.09375em ;
18
+ width : 0.1875em ;
19
+ height : 0.1875em ;
20
+ margin : 0.25em 0.075em ;
21
+ opacity : 0.5 ;
22
22
}
23
23
span .loading > span :nth-child (1 ) {
24
- animation : fade 1s ease 0s infinite ;
24
+ animation : fade 1s ease 0s infinite ;
25
25
}
26
26
span .loading > span :nth-child (2 ) {
27
- animation : fade 1s ease 0.333s infinite ;
27
+ animation : fade 1s ease 0.333s infinite ;
28
28
}
29
29
span .loading > span :nth-child (3 ) {
30
- animation : fade 1s ease 0.666s infinite ;
30
+ animation : fade 1s ease 0.666s infinite ;
31
31
}
32
32
@keyframes fade {
33
- 0% {
34
- opacity : 1 ;
35
- }
36
- 33.3% {
37
- opacity : 0.25 ;
38
- }
39
- 66.6% {
40
- opacity : 0.25 ;
41
- }
42
- 100% {
43
- opacity : 1 ;
44
- }
33
+ 0% {
34
+ opacity : 1 ;
35
+ }
36
+ 33.3% {
37
+ opacity : 0.25 ;
38
+ }
39
+ 66.6% {
40
+ opacity : 0.25 ;
41
+ }
42
+ 100% {
43
+ opacity : 1 ;
44
+ }
45
45
}
46
46
</style >
Original file line number Diff line number Diff line change 1
1
<template >
2
- <div >
3
- <!-- <span class="prev" @click="prev">Previous</span> -->
4
- <span class =" next" @click =" next" v-if =" nextLast" >Next</span >
5
- </div >
2
+ <div >
3
+ <!-- <span class="prev" @click="prev">Previous</span> -->
4
+ <span class =" next" @click =" next" v-if =" nextLast" >Next</span >
5
+ </div >
6
6
</template >
7
7
8
8
<script >
@@ -23,12 +23,12 @@ export default {
23
23
24
24
<style scoped>
25
25
div {
26
- display : flex ;
27
- justify-content : space-between ;
28
- padding-top : 0.75rem ;
26
+ display : flex ;
27
+ justify-content : space-between ;
28
+ padding-top : 0.75rem ;
29
29
}
30
30
div > span {
31
- padding : 0.75rem ;
32
- color : #008 ;
31
+ padding : 0.75rem ;
32
+ color : #008 ;
33
33
}
34
34
</style >
Original file line number Diff line number Diff line change 1
1
<template >
2
- <LoadableText :text =" text" />
2
+ <LoadableText :text =" text" />
3
3
</template >
4
4
5
5
<script >
Original file line number Diff line number Diff line change @@ -19,7 +19,7 @@ button {
19
19
outline : none ;
20
20
border-radius : 0.5rem ;
21
21
background : #66f ;
22
- padding : 0.5rem 0.75rem ;
22
+ padding : 0.5rem 0.75rem ;
23
23
color : #fff ;
24
24
tap-highlight-color : transparent ;
25
25
}
Original file line number Diff line number Diff line change 1
1
<template >
2
- <Layout >
3
- <h1 slot =" title" >{{ $route.params.repo }}</h1 >
2
+ <Layout >
3
+ <h1 slot =" title" >{{ $route.params.repo }}</h1 >
4
4
<Error slot =" error" :message =' error' />
5
- <h2 >Details</h2 >
6
- <List >
7
- <ListItem >
8
- <span slot =" title" >Full Digest</span >
9
- <span slot =" detail" >{{ $route.params.digest }}</span >
10
- </ListItem >
11
- <ListItem >
12
- <span slot =" title" >Size</span >
13
- <BlobSize slot =" detail" :repo =" $route.params.repo" :blob =" $route.params.digest" />
14
- </ListItem >
15
- </List >
16
- </Layout >
5
+ <h2 >Details</h2 >
6
+ <List >
7
+ <ListItem >
8
+ <span slot =" title" >Full Digest</span >
9
+ <span slot =" detail" >{{ $route.params.digest }}</span >
10
+ </ListItem >
11
+ <ListItem >
12
+ <span slot =" title" >Size</span >
13
+ <BlobSize slot =" detail" :repo =" $route.params.repo" :blob =" $route.params.digest" />
14
+ </ListItem >
15
+ </List >
16
+ </Layout >
17
17
</template >
18
18
19
19
<script >
You can’t perform that action at this time.
0 commit comments