profileMode : improve buttons,

add theme transition
This commit is contained in:
Aditya Telange 2020-08-29 10:41:20 +05:30
parent df457f7514
commit ba6d5c4620
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
2 changed files with 12 additions and 5 deletions

View File

@ -37,17 +37,24 @@ img {
}
.buttons {
display: flex;
flex-wrap: wrap;
max-width: 300px;
line-height: 2.8;
justify-content: center;
}
.button {
background: var(--tertiary);
border-radius: var(--radius);
margin: 8px;
padding: 8px;
padding: 6px;
transition: transform 0.1s;
}
.button-inner {
padding: 10px;
padding: 0 8px;
}
.button:active, .social-icons>a>svg:active{
transform: scale(0.96);
}

View File

@ -1,7 +1,7 @@
{{ range . -}}
<span class="button">
<div class="button">
<a href="{{ .url }}" rel="noopener" title="{{ .name | humanize }}">
<span class="button-inner">{{ .name }}</span>
</a>
</span>
</div>
{{- end -}}