ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-25 09:25:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added button + styling to match XD mockup

Browse source
This commit is contained in:
Thomas Smith 2022-12-05 18:06:11 -05:00
parent 7c7cd90bc1
commit d7461ba8ca
1 changed files with 21 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/layouts/page/package-detail.html
View file

@ -13,9 +13,14 @@
<div class="col-xl-8 col-lg-8 col-md-6 col-sm-12 col-12">
<h3>{{- .Title -}}</h3>
{{ range where $.Site.Data.packages "name" .Title }}
<p>{{- .desc -}}</p>
<p class="one-box-down">{{- .desc -}}</p>
<a target="_blank" href="{{- .homepage -}}">
<button class="detail-btn-large me-3" id="purple-bg-btn"><i class="icon-enter-arrow"></i>View on GitHub</button>
</a>
{{ if not (eq .homepage "") }}
{{- partial "detail-btn-large.html" .homepage -}}
<a target="_blank" href="{{- .homepage -}}">
<button class="detail-btn-large" id="standard-detail-btn"><i class="icon-enter-arrow"></i>Visit package home</button>
</a>
{{end}}
{{ end }}
</div>
@ -23,12 +28,6 @@
</div>
</section>
<script>
document.getElementById("detail-btn-large").innerHTML = "View Package.yml";
</script>
<!-- Copy to clipboard field -->
<section>
@ -56,6 +55,20 @@
background-color: gray;
}
a:hover{
text-decoration: none;
}
#purple-bg-btn{
background-color: #8000FF;
border: 2px solid #8000FF;
}
#standard-detail-btn:hover{
background-color: #212020 !important;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
}
</style>
{{ end }}