Repos/new-moon-dessert-bar
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

changed shopping navbar style

Browse Source
This commit is contained in:
CodeServer 2021-07-31 05:43:38 +01:00
parent e3a9def0db
commit e520e7f991
9 changed files with 49 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
shopping/shopping_headerNav.php
View File

@ -1,5 +1,6 @@
<div class="shopping_headerNav"> <div class="shopping_headerNav">
<div class="col-xl-12" id="shopping_headerImg"> <div class="col-xl-12" id="shopping_headerImg">
<img class="rounded mx-auto d-block" style="height: 100px; background-color: rgba(255,0,0,0.1);" src="../img/headerImg.jpg"> <span> Username </span>
<img id="headerImg" src="../img/headerImg.jpg">
</div> </div>
</div> </div>

3
style/modules/_modules-dir.sass
View File

@ -6,4 +6,5 @@
@import "sectionMenu" @import "sectionMenu"
@import "sectionSource" @import "sectionSource"
@import "sectionDocumentation" @import "sectionDocumentation"
@import "sectionShopping" @import "sectionShopping"
@import "shopping/shopping-dir"

8
style/modules/_sectionMain.sass
View File

@ -1,6 +1,8 @@
.sectionMain .sectionMain
text-align: center text-align: center
margin-top: 12% margin-top: 12%
position: relative
h1 h1
font-family: $font-ink-free font-family: $font-ink-free
font-size: 4rem font-size: 4rem
@ -10,7 +12,11 @@
h3 h3
color: OliveDrab color: OliveDrab
font-size: 1.2rem font-size: 1.2rem
position: relative
#btn-home-login:before #btn-home-login:before
font-family: 'FontAwesome' font-family: 'FontAwesome'
content: '\f2be' content: '\f2be'

5
style/modules/_sectionShopping.sass
View File

@ -1,14 +1,18 @@
.sectionShopping .sectionShopping
.row .row
padding-left: 20% padding-left: 20%
padding-right: 20% padding-right: 20%
.my-img-class .my-img-class
margin: 5% margin: 5%
padding: 1% padding: 1%
border: 1px solid grey border: 1px solid grey
img img
width: 100% width: 100%
object-fit: cover object-fit: cover
h1 h1
margin-top: 5% margin-top: 5%
text-align: center text-align: center
@ -17,6 +21,7 @@
h3 h3
text-align: center text-align: center
color: OliveDrab color: OliveDrab
.shopping_productPrice .shopping_productPrice
color: OliveDrab color: OliveDrab

0
style/modules/shopping/_footer.sass Normal file
View File

12
style/modules/shopping/_navbar_shopping.sass Normal file
View File

@ -0,0 +1,12 @@
.sectionShopping
.shopping_headerNav #headerImg
height: 150px
background-color: rgba(255,0,0,0.1)
border-radius: 15px 50px 30px
.shopping_headerNav span
position: absolute
font-size: 2rem
padding-left: 1rem
padding-top: 1rem
color: white

2
style/modules/shopping/_shopping-dir.sass Normal file
View File

@ -0,0 +1,2 @@
@import "navbar_shopping"
@import "footer"

14
style/style.css
View File

@ -324,4 +324,18 @@ video {
.sectionShopping .shopping_productPrice { .sectionShopping .shopping_productPrice {
color: OliveDrab; color: OliveDrab;
} }
.sectionShopping .shopping_headerNav #headerImg {
height: 150px;
background-color: rgba(255, 0, 0, 0.1);
border-radius: 15px 50px 30px;
}
.sectionShopping .shopping_headerNav span {
position: absolute;
font-size: 2rem;
padding-left: 1rem;
padding-top: 1rem;
color: white;
}
/*# sourceMappingURL=style.css.map */ /*# sourceMappingURL=style.css.map */

7
style/style.css.map
View File

File diff suppressed because one or more lines are too long