removed duplicate .row declaration

This commit is contained in:
booploops 2022-02-09 20:00:56 -08:00
parent 62ac278a85
commit 73da11f2eb
2 changed files with 6 additions and 24 deletions

View file

@ -1205,24 +1205,6 @@ fieldset:disabled .btn {
max-width: 1320px;
}
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x) * -.5);
margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * .5);
padding-left: calc(var(--bs-gutter-x) * .5);
margin-top: var(--bs-gutter-y);
}
.col {
flex: 1 0 0%;

View file

@ -4,10 +4,10 @@
<div class="row">
<div class="col">
<div class="row">
<div class="col">
<div class="col nopadding">
<h3>{{app.getLz('home.recentlyPlayed')}}</h3>
</div>
<div class="col-auto flex-center">
<div class="col-auto nopadding flex-center">
<button class="cd-btn-seeall" @click="seeAllHistory()">{{app.getLz('term.seeAll')}}</button>
</div>
</div>
@ -21,10 +21,10 @@
</div>
<div class="col">
<div class="row">
<div class="col">
<div class="col nopadding">
<h3>{{app.getLz('home.artistsFeed')}}</h3>
</div>
<div class="col-auto flex-center">
<div class="col-auto nopadding flex-center">
<button class="cd-btn-seeall" @click="app.appRoute('artist-feed')">{{app.getLz('term.seeAll')}}</button>
</div>
</div>
@ -63,10 +63,10 @@
<div class="row" v-if="friendsListeningTo && friendsListeningTo.length > 0">
<div class="col">
<div class="row">
<div class="col">
<div class="col nopadding">
<h3>{{app.getLz('home.friendsListeningTo')}}</h3>
</div>
<div class="col-auto flex-center">
<div class="col-auto nopadding flex-center">
<button class="cd-btn-seeall" @click="app.showSocialListeningTo()">{{app.getLz('term.seeAll')}}</button>
</div>
</div>