Viren070/AIOStreams
1
0
Fork 0
mirror of https://github.com/Viren070/AIOStreams.git synced 2025-12-01 23:14:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): marketplace adjustments

Browse Source
This commit is contained in:
Viren070
2025-11-17 21:56:58 +00:00
parent e10702e9f8
commit ca7c49b3b1
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/src/components/menu/addons.tsx
+8 -6
View File
@@ -321,6 +321,9 @@ function Content() {
(n) => n.CATEGORY === constants.PresetCategory.MISC
);
const addonGridClassName =
'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 3xl:grid-cols-5 5xl:grid-cols-6 6xl:grid-cols-7 7xl:grid-cols-8 gap-4';
return (
<>
{/* <div className="flex items-center w-full">
@@ -564,7 +567,7 @@ function Content() {
<h3 className="flex gap-3 items-center">
<RiFolderDownloadFill /> Streams
</h3>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
<div className={addonGridClassName}>
{streamPresets.map((preset: any) => (
<AddonCard
key={preset.ID}
@@ -581,7 +584,7 @@ function Content() {
<h3 className="flex gap-3 items-center">
<MdSubtitles /> Subtitles
</h3>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
<div className={addonGridClassName}>
{subtitlePresets.map((preset: any) => (
<AddonCard
key={preset.ID}
@@ -598,7 +601,7 @@ function Content() {
<h3 className="flex gap-3 items-center">
<MdOutlineDataset /> Meta & Catalogues
</h3>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
<div className={addonGridClassName}>
{metaCatalogPresets.map((preset: any) => (
<AddonCard
key={preset.ID}
@@ -615,7 +618,7 @@ function Content() {
<h3 className="flex gap-3 items-center">
<LuSettings /> Miscellaneous
</h3>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
<div className={addonGridClassName}>
{miscPresets.map((preset: any) => (
<AddonCard
key={preset.ID}
@@ -958,12 +961,11 @@ function SortableAddonItem({
// AddonCard component
function AddonCard({ preset, onAdd }: { preset: any; onAdd: () => void }) {
const [showDescriptionPopover, setShowDescriptionPopover] = useState(false);
const [showBuiltinModal, setShowBuiltinModal] = useState(false);
return (
<>
<div className="border border-[rgb(255_255_255_/_5%)] relative overflow-hidden bg-gray-900 rounded-xl p-3 flex flex-col h-full">
<div className="border border-[rgb(255_255_255_/_5%)] relative overflow-hidden bg-gray-900/70 rounded-xl p-3 flex flex-col h-full">
{/* Built-in ribbon - top-right */}
{preset.BUILTIN && (
<div