make ui bigger
This commit is contained in:
@@ -31,8 +31,8 @@
|
||||
}
|
||||
|
||||
.store-search img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-right: 12px;
|
||||
opacity: 0.6;
|
||||
}
|
||||
@@ -57,7 +57,7 @@
|
||||
}
|
||||
|
||||
.section-action {
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
color: #BB86FC;
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -75,7 +75,7 @@
|
||||
}
|
||||
|
||||
.featured-tag {
|
||||
font-size: 12px;
|
||||
font-size: 16px;
|
||||
color: rgba(255,255,255,0.7);
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 8px;
|
||||
@@ -89,7 +89,7 @@
|
||||
}
|
||||
|
||||
.featured-subtitle {
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
color: rgba(255,255,255,0.8);
|
||||
}
|
||||
|
||||
@@ -126,14 +126,14 @@
|
||||
}
|
||||
|
||||
.app-card-name {
|
||||
font-size: 14px;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: #FFFFFF;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.app-card-category {
|
||||
font-size: 12px;
|
||||
font-size: 16px;
|
||||
color: #B3B3B3;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
@@ -141,13 +141,13 @@
|
||||
.app-card-rating {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
font-size: 16px;
|
||||
color: #B3B3B3;
|
||||
}
|
||||
|
||||
.app-card-rating img {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
@@ -186,9 +186,9 @@
|
||||
}
|
||||
|
||||
.app-list-meta {
|
||||
font-size: 13px;
|
||||
font-size: 16px;
|
||||
color: #B3B3B3;
|
||||
margin-top: 2px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.app-list-rating {
|
||||
@@ -198,23 +198,23 @@
|
||||
}
|
||||
|
||||
.app-list-rating img {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.app-list-rating span {
|
||||
font-size: 13px;
|
||||
font-size: 16px;
|
||||
color: #B3B3B3;
|
||||
}
|
||||
|
||||
.install-btn {
|
||||
background-color: #BB86FC;
|
||||
color: #000000;
|
||||
font-size: 13px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
padding: 8px 20px;
|
||||
border-radius: 20px;
|
||||
padding: 10px 22px;
|
||||
border-radius: 22px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -278,13 +278,13 @@
|
||||
}
|
||||
|
||||
.store-nav-item img {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.store-nav-item span {
|
||||
font-size: 12px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* Color palette for app icons */
|
||||
@@ -302,11 +302,11 @@
|
||||
<!-- App Bar -->
|
||||
<div class="app-bar">
|
||||
<div class="app-bar-nav btn-icon" onclick="goBack()">
|
||||
<img src="../../icons/back.tga" style="width: 24px; height: 24px;"/>
|
||||
<img src="../../icons/back.tga" style="width: 32px; height: 32px;"/>
|
||||
</div>
|
||||
<span class="app-bar-title">Mosis Store</span>
|
||||
<div class="btn-icon">
|
||||
<img src="../../icons/account.tga" style="width: 24px; height: 24px;"/>
|
||||
<img src="../../icons/account.tga" style="width: 32px; height: 32px;"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user