make ui bigger

This commit is contained in:
2026-01-16 14:52:18 +01:00
parent 2e2a9d0603
commit fbb6917812
23 changed files with 1252 additions and 1623 deletions

View File

@@ -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>