mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-30 04:01:58 +00:00
Update/marketplace (#2575)
* make category link generic * fix ai category display and svg icons * fix markdown display and ansi module; cleanup * convert tailwindcss to scss in marketplace menu component * convert tailwindcss to scss in marketplace categories component * convert tailwindcss to scss in marketplace item component * update launch icon to taiga icon * convert tailwindcss to scss in marketplace search component + cleanup * convert tailwindcss to scss in marketplace release notes component + cleanup * convert tailwindcss to scss in marketplace about component + cleanup * convert tailwindcss to scss in marketplace additional component * convert tailwindcss to scss in marketplace dependencies component + misc style fixes * convert tailwindcss to scss in marketplace hero component + misc style fixes * convert tailwindcss to scss in marketplace screenshots component * convert tailwindcss to scss in portal marketplace components * remove the rest of tailwindscss and fix reset styles * bump shared and marketplace package versions * misc style + build fixes * sync package lock * fix markdown + cleanup * fix markdown margins and git hash size * fix mobile zindex for hero and mobile changing categories routing link
This commit is contained in:
@@ -86,10 +86,12 @@ ion-modal {
|
||||
}
|
||||
|
||||
.divider {
|
||||
background: linear-gradient(90deg,
|
||||
var(--ion-color-light) 0,
|
||||
var(--ion-color-dark) 50%,
|
||||
var(--ion-color-light) 100%);
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--ion-color-light) 0,
|
||||
var(--ion-color-dark) 50%,
|
||||
var(--ion-color-light) 100%
|
||||
);
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
@@ -112,11 +114,11 @@ ion-modal {
|
||||
}
|
||||
|
||||
.color-success-shade {
|
||||
color: var(--ion-color-success-shade)
|
||||
color: var(--ion-color-success-shade);
|
||||
}
|
||||
|
||||
.color-primary-shade {
|
||||
color: var(--ion-color-primary-shade)
|
||||
color: var(--ion-color-primary-shade);
|
||||
}
|
||||
|
||||
@keyframes ellipsis-dot {
|
||||
@@ -167,3 +169,63 @@ a {
|
||||
gap: 16px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
/* marketplace */
|
||||
.background-border {
|
||||
border-radius: 0.75rem;
|
||||
background-image: linear-gradient(
|
||||
to bottom left,
|
||||
rgb(161 161 170 / 0.75),
|
||||
#52525b
|
||||
);
|
||||
padding: 1px;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.box-shadow-lg {
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
|
||||
0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
|
||||
0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow:
|
||||
0 0 #0000,
|
||||
0 0 #0000,
|
||||
var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-color-light {
|
||||
--tw-shadow-color: rgb(161 161 170 / 0.1);
|
||||
--tw-shadow: var(--tw-shadow-colored);
|
||||
}
|
||||
|
||||
.additional-detail-title {
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.75rem;
|
||||
font-weight: 700;
|
||||
padding-bottom: 0.75rem;
|
||||
font-variant: all-small-caps;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
margin-top: 0.5rem;
|
||||
|
||||
:first-child {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
hr,
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user