Added playlist comp, and some style changes.

wixplosives · Mar 7, 2024 · aefb43a · aefb43a
1 parent c0a2fb6
commit aefb43a
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/src/_codux/boards/new-board.board.tsx b/src/_codux/boards/new-board.board.tsx
@@ -3,13 +3,15 @@ import { SideBar } from '../../components/side-bar/side-bar';
 import NewBoard_board_module from './new-board.board.module.scss';
 import { NewReleases } from '../../components/new-releases/new-releases';
 import { Player } from '../../components/player/player';
+import { CuratedPlaylist } from '../../components/curated-playlist/curated-playlist';
 
 export default createBoard({
     name: 'M App',
     Board: () => (
         <div className={NewBoard_board_module['app-wrapper']}>
             <SideBar />
             <div className={NewBoard_board_module.content}>
+                <CuratedPlaylist />
                 <div className={NewBoard_board_module.right}>
                     <NewReleases />
                     <Player />
@@ -20,7 +22,7 @@ export default createBoard({
     isSnippet: false,
     environmentProps: {
         windowHeight: 907,
-        windowWidth: 1274,
+        windowWidth: 1228,
         canvasHeight: 904,
         windowBackgroundColor: '#ffffff',
         canvasWidth: 1570,

diff --git a/src/components/button-primary/button-primary.module.scss b/src/components/button-primary/button-primary.module.scss
@@ -14,7 +14,7 @@
   padding-bottom: 16px;
   padding-left: 24px;
   border-radius: 100px;
-  background-color: var(--white);
+  background-color: var(--primary-btn);
   text-align: center;
   justify-content: center;
   color: var(--txt-btn);

diff --git a/src/components/new-releases/new-releases.module.scss b/src/components/new-releases/new-releases.module.scss
@@ -16,7 +16,7 @@
   align-items: stretch;
   justify-items: stretch;
   width: 100%;
-  gap: 0px;
+  gap: 24px;
 }
 .top-txt {
   display: flex;

diff --git a/src/components/side-bar/side-bar.tsx b/src/components/side-bar/side-bar.tsx
@@ -16,7 +16,7 @@ export const SideBar = ({ className }: SideBarProps) => {
     return (
         <div className={classNames(styles.root, className, styles['side-bar'])}>
             <Navigation />
-            <ButtonPrimary text="Upgrade " />
+            <ButtonPrimary text="Turn it up!" />
         </div>
     );
 };