|
|
@@ -219,7 +219,7 @@
|
|
|
|
|
|
<div
|
|
|
v-if="section.apps?.length"
|
|
|
- class="grid grid-cols-[repeat(2,minmax(0,1fr))] gap-2 p-6 px-3 md:px-6 md:grid-cols-[repeat(4,minmax(0,1fr))]"
|
|
|
+ class="grid grid-cols-[repeat(2,minmax(0,1fr))] gap-2 p-6 px-3 md:px-6 md:grid-cols-[repeat(3,minmax(0,1fr))] xl:grid-cols-[repeat(3,minmax(0,1fr))]"
|
|
|
>
|
|
|
<button
|
|
|
v-for="(app, appIndex) in section.apps"
|
|
|
@@ -1415,11 +1415,11 @@ onUnmounted(() => {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: flex-start;
|
|
|
- flex: 0 0 260px;
|
|
|
- width: 260px;
|
|
|
- min-width: 260px;
|
|
|
+ flex: 0 0 190px;
|
|
|
+ width: 190px;
|
|
|
+ min-width: 190px;
|
|
|
min-height: 48px;
|
|
|
- padding: 0 22px 0 24px;
|
|
|
+ padding: 0 20px 0 0px;
|
|
|
box-sizing: border-box;
|
|
|
background: linear-gradient(
|
|
|
90deg,
|
|
|
@@ -1439,7 +1439,7 @@ onUnmounted(() => {
|
|
|
|
|
|
.platform-block__title {
|
|
|
color: #f4f7ff;
|
|
|
- font-size: 18px;
|
|
|
+ font-size: 15px;
|
|
|
font-weight: 800;
|
|
|
min-width: 0;
|
|
|
flex: 0 1 auto;
|
|
|
@@ -1472,10 +1472,10 @@ onUnmounted(() => {
|
|
|
min-height: 40px;
|
|
|
align-items: center;
|
|
|
justify-content: flex-start;
|
|
|
- gap: 8px;
|
|
|
+ gap: 6px;
|
|
|
border: 1px solid rgba(109, 137, 213, 0.16);
|
|
|
border-radius: 10px;
|
|
|
- padding: 0 10px;
|
|
|
+ padding: 0 8px;
|
|
|
background: rgba(17, 25, 48, 0.8);
|
|
|
|
|
|
font-size: 14px;
|
|
|
@@ -1502,7 +1502,6 @@ onUnmounted(() => {
|
|
|
color: #f4f7ff;
|
|
|
border-color: rgba(129, 145, 255, 0.44);
|
|
|
box-shadow: inset 0 0 0 1px rgba(159, 173, 255, 0.08);
|
|
|
- font-weight: 700;
|
|
|
}
|
|
|
|
|
|
.platform-app--ghost {
|
|
|
@@ -1514,17 +1513,23 @@ onUnmounted(() => {
|
|
|
display: inline-flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
+ flex: 0 0 28px;
|
|
|
color: #79b0ff;
|
|
|
filter: drop-shadow(0 0 8px rgba(90, 122, 255, 0.24));
|
|
|
}
|
|
|
|
|
|
.platform-app__label {
|
|
|
- min-width: 0;
|
|
|
+ min-width: auto;
|
|
|
flex: 1;
|
|
|
white-space: nowrap;
|
|
|
+ overflow: visible;
|
|
|
+ text-overflow: clip;
|
|
|
+ font-size: 13px;
|
|
|
+ line-height: 1;
|
|
|
+ color: #b8b9be;
|
|
|
+ white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
|
- color: #b8b9be;
|
|
|
}
|
|
|
|
|
|
.platform-block > .grid {
|
