RanchiMall/ranchimall
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.15.28

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/main.css
View File

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

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

24
css/main.scss
View File

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

25
index.html
View File

@ -192,6 +192,18 @@
<h4 class="outlet-title">Web Wallet</h4> <h4 class="outlet-title">Web Wallet</h4>
<p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p> <p class="outlet-brief">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolore, praesentium.</p>
</li> </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> </ul>
</li> </li>
<li class="floor_list__item"> <li class="floor_list__item">
@ -445,6 +457,19 @@
</div> </div>
<div class="outlet-preview__border"></div> <div class="outlet-preview__border"></div>
</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> </main>
</section> </section>
<section id="floor_4" class="floor"> <section id="floor_4" class="floor">