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

Moved some CSS

Browse source
This commit is contained in:
Thomas Smith 2022-09-27 12:30:39 -04:00
parent 43655972b9
commit 4c2e2db804
3 changed files with 24 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/layouts/index.html
View file

@ -11,14 +11,6 @@
margin-top:-5px;
}
.hero-section{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-position: top;
background-repeat: repeat;
background-size: contain;
}
.hero-container{
position:relative;
z-index: 2;
@ -29,15 +21,6 @@
z-index: 2;
}
.hero-bottom{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-position: center-top;
background-repeat: repeat;
background-size: contain;
height: 75px;
}
</style>
<section class="hero-section">

10
src/layouts/partials/package-thumbnail.html
View file

@ -1,7 +1,9 @@
<div class="card card-thumbnail" style="width: 100%">
<img src="/Images/package-thumb-1.jpg" class="card-img-top" alt="..." style="width:100%; height:100%;">
<div class="card-body thumbnail-body">
<p class="card-text">V2.35 >45 installs</p>
<div class="card-text-container">
<p class="card-text">V2.35 >45 installs</p>
</div>
{{- partial "detail-btn.html" . -}}
</div>
<div class="card-body thumbnail-body-mobile">
@ -37,6 +39,12 @@
top:0.502vw;
}
.card-text-container{
float:left;
position: relative;
width:48%;
}
.thumbnail-body-mobile{
display: none;
}

17
src/static/css/homepage.css
View file

@ -117,9 +117,22 @@ hr{
}
.hero-section{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-position: top;
background-repeat: repeat;
background-size: contain;
}
.hero-bottom{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-position: center-top;
background-repeat: repeat;
background-size: contain;
height: 75px;
}
@media only screen and (min-width: 1200px) {