UI tweak
This commit is contained in:
sairaj mote 2021-04-14 17:11:12 +05:30
parent 680488c4b7
commit 1eac2c7709
4 changed files with 58 additions and 17 deletions

View File

@ -637,6 +637,22 @@ ul {
padding: 0.5rem 0;
background: var(--background-color);
}
.floor__header::before {
content: "";
position: absolute;
left: -1%;
width: 1%;
height: 100%;
background: var(--background-color);
}
.floor__header::after {
content: "";
position: absolute;
right: -1%;
width: 1%;
height: 100%;
background: var(--background-color);
}
.big-icon {
height: 2rem;
@ -993,20 +1009,12 @@ table {
}
.floor__header::before {
content: "";
position: absolute;
left: -10%;
width: 10%;
height: 100%;
background: var(--background-color);
}
.floor__header::after {
content: "";
position: absolute;
right: -10%;
width: 10%;
height: 100%;
background: var(--background-color);
}
.outlets-container {

2
css/main.min.css vendored

File diff suppressed because one or more lines are too long

View File

@ -560,6 +560,22 @@ ul{
z-index: 8;
padding: 0.5rem 0;
background: var(--background-color);
&::before{
content: '';
position: absolute;
left: -1%;
width: 1%;
height: 100%;
background: var(--background-color);
}
&::after{
content: '';
position: absolute;
right: -1%;
width: 1%;
height: 100%;
background: var(--background-color);
}
}
.big-icon{
@ -889,20 +905,12 @@ table{
}
.floor__header{
&::before{
content: '';
position: absolute;
left: -10%;
width: 10%;
height: 100%;
background: var(--background-color);
}
&::after{
content: '';
position: absolute;
right: -10%;
width: 10%;
height: 100%;
background: var(--background-color);
}
}
.outlets-container{

View File

@ -192,6 +192,18 @@
<h4 class="outlet-title">Web Wallet</h4>
<p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
</li>
<li class="outlet-section page-link interact" tabindex="0" data-target="">
<h4 class="outlet-title">Messenger</h4>
<p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
</li>
<li class="outlet-section page-link interact" tabindex="0" data-target="">
<h4 class="outlet-title">Content Collaboration</h4>
<p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
</li>
<li class="outlet-section page-link interact" tabindex="0" data-target="">
<h4 class="outlet-title">RanchiMall Times</h4>
<p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
</li>
</ul>
</li>
<li class="floor_list__item">
@ -445,6 +457,19 @@
</div>
<div class="outlet-preview__border"></div>
</div>
<div id="" class="outlet-preview">
<div class="grid outlet-preview__info">
<div class="outlet-number">4</div>
<h3 class="outlet__title">RanchiMall Times</h3>
<p class="outlet__description margin-bottom-1-5r">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam reprehenderit cumque sequi earum.
</p>
<button class="button page-link outlet-preview__button" data-target="bitbonds">
<span class="button__label">Visit</span>
</button>
</div>
<div class="outlet-preview__border"></div>
</div>
</main>
</section>
<section id="floor_4" class="floor">