Skip to content

Commit

Permalink
v3.0.0
Browse files Browse the repository at this point in the history
Tabs component
Removal of old Tabs and NewTabs components
Package Details page conversion / update
  • Loading branch information
Oksamies committed Dec 12, 2024
1 parent 9f98759 commit 125a509
Show file tree
Hide file tree
Showing 33 changed files with 885 additions and 1,117 deletions.
99 changes: 0 additions & 99 deletions apps/cyberstorm-remix/app/c/Community.css
Original file line number Diff line number Diff line change
Expand Up @@ -13,108 +13,9 @@
}
}

.nimbus-community__metalink {
display: flex;
gap: var(--gap-xs);
align-items: center;
font-weight: var(--font-weight-bold);
font-size: var(--font-size-body-md);
line-height: var(--line-height-lg);

& > svg {
inline-size: var(--space-16);
}
}

.nimbus-community__heroimg__wrapper {
--w: 56vw;

position: absolute;
top: calc(-1 * (var(--header-height) + var(--content-padding-top-desktop)));
right: 0;

z-index: -1;
width: var(--w);
height: calc(var(--w) * 0.45);
overflow: hidden;
}

.nimbus-community__heroimg {
--w: 56vw;

position: absolute;

/* top: calc(-1 * (var(--header-height) + var(--content-padding-top-desktop))); */
right: 0;

z-index: -1;
width: var(--w);
height: calc(var(--w) * 0.45);
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
opacity: 0.6;

/* stylelint-disable property-no-vendor-prefix */
-webkit-mask-image: var(--gradients);
-webkit-mask-composite: source-in;
/* stylelint-enable property-no-vendor-prefix */
mask-image: var(--gradients);
mask-composite: intersect;

--gradients: linear-gradient(
90deg,
transparent 0%,
white 70%,
transparent 100%
),
linear-gradient(180deg, white 40%, transparent 95%);
}

@media (width < 87.5rem) {
.nimbus-community__heroimg__wrapper {
width: 60vw;
height: 30vw;
}

.nimbus-community__heroimg {
width: 60vw;
height: 30vw;
}
}

@media (width <= 63.5rem) {
.nimbus-community__heroimg__wrapper {
top: calc(-1 * var(--header-height));
width: 75vw;
height: 40vw;
}

.nimbus-community__heroimg {
width: 75vw;
height: 40vw;
}
}

@media (width <= 48rem) {
.nimbus-community__metaitem {
font-size: var(--font-size-body-sm);
}

.nimbus-community__heroimg {
right: -2.5rem;
}
}

@media (width < 25rem) {
.nimbus-community__heroimg__wrapper {
width: 80vw;
height: 60vw;
}

.nimbus-community__heroimg {
width: 80vw;
height: 60vw;
}
}
}
10 changes: 4 additions & 6 deletions apps/cyberstorm-remix/app/c/community.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -136,9 +136,9 @@ export default function Community() {
return (
<>
{community.hero_image_url ? (
<div className="nimbus-community__heroimg__wrapper">
<div className="nimbus-root__outlet__heroimg__wrapper">
<div
className="nimbus-community__heroimg"
className="nimbus-root__outlet__heroimg"
style={{
backgroundImage: `url(${community.hero_image_url})`,
}}
Expand Down Expand Up @@ -174,9 +174,8 @@ export default function Community() {
<NewLink
primitiveType="link"
href={community.wiki_url}
key="meta-wiki"
csVariant="cyber"
rootClasses="nimbus-community__metalink"
rootClasses="nimbus-commoncomponents-page-header__meta__item"
>
<NewIcon csMode="inline" noWrapper>
<FontAwesomeIcon icon={faBook} />
Expand All @@ -196,9 +195,8 @@ export default function Community() {
<NewLink
primitiveType="link"
href={community.discord_url}
key="meta-discord"
csVariant="cyber"
rootClasses="nimbus-community__metalink"
rootClasses="nimbus-commoncomponents-page-header__meta__item"
>
<NewIcon csMode="inline" noWrapper>
<FontAwesomeIcon icon={faDiscord} />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -38,7 +38,6 @@ import {
} from "./PackageOrder";
import { CollapsibleMenu } from "./FilterMenus/CollapsibleMenu";
import { classnames } from "@thunderstore/cyberstorm/src/utils/utils";
import { getPublicEnvVariables } from "cyberstorm/security/publicEnvVariables";

const PER_PAGE = 20;

Expand All @@ -63,8 +62,6 @@ type SearchParamsType = {
*/
export function PackageSearch(props: Props) {
const { listings, packageCategories: allCategories, sections } = props;
// TODO: Remove this customization when /p is doned
const domain = getPublicEnvVariables(["PUBLIC_SITE_URL"]).PUBLIC_SITE_URL;
const allSections = sections.sort((a, b) => a.priority - b.priority);

// const [searchParams, setSearchParams] = useSearchParams();
Expand Down Expand Up @@ -413,8 +410,6 @@ export function PackageSearch(props: Props) {
<CardPackage
key={`${p.namespace}-${p.name}`}
packageData={p}
// TODO: Remove this customization when /p is doned
domain={domain ?? "https://thunderstore.io"}
/>
))}
</div>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,19 @@
gap: var(--space-32);
}

.nimbus-commoncomponents-page-header__meta__item {
display: flex;
gap: var(--gap-xs);
align-items: center;
font-weight: var(--font-weight-bold);
font-size: var(--font-size-body-md);
line-height: var(--line-height-lg);

& > svg {
inline-size: var(--space-16);
}
}

@media (width <= 48rem) {
.nimbus-commoncomponents-page-header {
gap: var(--space-16);
Expand Down
56 changes: 0 additions & 56 deletions apps/cyberstorm-remix/app/p/Tabs.module.css

This file was deleted.

17 changes: 0 additions & 17 deletions apps/cyberstorm-remix/app/p/components/Meta/Meta.module.css

This file was deleted.

110 changes: 0 additions & 110 deletions apps/cyberstorm-remix/app/p/components/Meta/Meta.tsx

This file was deleted.

Loading

0 comments on commit 125a509

Please sign in to comment.