css
This commit is contained in:
parent
29d8809b90
commit
86db7bdc02
|
@ -21,7 +21,7 @@ function layoutDiv() {
|
||||||
|
|
||||||
el += '<div class="widget-wrap" id="github-user">';
|
el += '<div class="widget-wrap" id="github-user">';
|
||||||
el += '<div class="widget-body fs14 github-info-wrap" id="ghinfo-api" api="' + item.api + '/users/' + item.username + '">';
|
el += '<div class="widget-body fs14 github-info-wrap" id="ghinfo-api" api="' + item.api + '/users/' + item.username + '">';
|
||||||
el += '<img no-lazy class="avatar" type="img" id="avatar_url" src="' + config.avatar + '">';
|
el += '<div><img no-lazy class="avatar" type="img" id="avatar_url" src="' + config.avatar + '"></div>';
|
||||||
// username
|
// username
|
||||||
el += '<div class="username" type="text" id="name" href="https://github.com/' + item.username + '">';
|
el += '<div class="username" type="text" id="name" href="https://github.com/' + item.username + '">';
|
||||||
el += item.username;
|
el += item.username;
|
||||||
|
|
|
@ -4,14 +4,16 @@
|
||||||
align-items: center
|
align-items: center
|
||||||
background: var(--card)
|
background: var(--card)
|
||||||
border-radius: $border-card
|
border-radius: $border-card
|
||||||
padding: 1rem
|
padding: 2rem 1rem 1rem
|
||||||
margin: 'calc(%s + 1.25rem)' % var(--gap-p) 0
|
margin: 'calc(%s + 1.25rem)' % var(--gap-p) 0
|
||||||
|
|
||||||
.widget-wrap#github-user .widget-body .avatar
|
.widget-wrap#github-user .widget-body .avatar
|
||||||
display: block
|
display: block
|
||||||
border-radius: 100%
|
border-radius: 100%
|
||||||
|
margin: auto
|
||||||
max-width: 80%
|
max-width: 80%
|
||||||
margin-top: 1.5rem
|
@media screen and (max-width: $device-tablet)
|
||||||
|
max-width: 50%
|
||||||
|
|
||||||
.widget-wrap#github-user .widget-body .username
|
.widget-wrap#github-user .widget-body .username
|
||||||
font-weight: 900
|
font-weight: 900
|
||||||
|
|
Loading…
Reference in New Issue