Git/hugo-theme-wondermod
1
0
Fork 0
mirror of https://github.com/Wonderfall/hugo-WonderMod.git synced 2025-10-31 03:45:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

profileMode : improve buttons,

Browse Source 
add theme transition
This commit is contained in:
Aditya Telange
2020-08-29 10:41:20 +05:30
parent df457f7514
commit ba6d5c4620
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
assets/css/profileMode.css
View File

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

4
layouts/partials/indexProfileButtons.html
View File

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