Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-03-30 12:11:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update/marketplace (#2575)

Browse Source 
* 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:
Lucy
2024-03-21 14:23:28 -04:00
committed by GitHub
parent 5e6a7e134f
commit 2021431e2f
48 changed files with 1606 additions and 839 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
web/projects/shared/styles/shared.scss
View File

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

51
web/projects/shared/styles/variables.scss
View File

@@ -86,10 +86,49 @@
--ion-color-step-900: #e7e7e7;
--ion-color-step-950: #f3f3f3;
--alt-red: #FF4961;
--alt-orange: #F89248;
--alt-yellow: #E5D53E;
--alt-green: #3DCF6F;
--alt-blue: #00A8A8;
--alt-purple: #9747FF;
--alt-red: #ff4961;
--alt-orange: #f89248;
--alt-yellow: #e5d53e;
--alt-green: #3dcf6f;
--alt-blue: #00a8a8;
--alt-purple: #9747ff;
--portal-header-height: 56px;
// @TODO rename when make style lib
--tw-color-black: 0 0 0;
--tw-color-white: 255 255 255;
--tw-color-slate-50: 248 250 252;
--tw-color-slate-100: 241 245 249;
--tw-color-slate-200: 226 232 240;
--tw-color-slate-300: 203 213 225;
--tw-color-slate-400: 148 163 184;
--tw-color-slate-500: 100 116 139;
--tw-color-slate-600: 71 85 105;
--tw-color-slate-700: 51 65 85;
--tw-color-slate-800: 30 41 59;
--tw-color-slate-900: 15 23 42;
--tw-color-slate-950: 2 6 23;
--tw-color-gray-50: 249 250 251;
--tw-color-gray-100: 243 244 246;
--tw-color-gray-200: 229 231 235;
--tw-color-gray-300: 209 213 219;
--tw-color-gray-400: 156 163 175;
--tw-color-gray-500: 107 114 128;
--tw-color-gray-600: 75 85 99;
--tw-color-gray-700: 55 65 81;
--tw-color-gray-800: 31 41 55;
--tw-color-gray-900: 17 24 39;
--tw-color-gray-950: 3 7 18;
--tw-color-zinc-50: 250 250 250;
--tw-color-zinc-100: 244 244 245;
--tw-color-zinc-200: 228 228 231;
--tw-color-zinc-300: 212 212 216;
--tw-color-zinc-400: 161 161 170;
--tw-color-zinc-500: 113 113 122;
--tw-color-zinc-600: 82 82 91;
--tw-color-zinc-700: 63 63 70;
--tw-color-zinc-800: 39 39 42;
--tw-color-zinc-900: 24 24 27;
--tw-color-zinc-950: 9 9 11;
}