diff --git a/packages/app/src/pages/tv/components/explore/index.jsx b/packages/app/src/pages/tv/components/explore/index.jsx index 9f6f0bc1..2b239c80 100755 --- a/packages/app/src/pages/tv/components/explore/index.jsx +++ b/packages/app/src/pages/tv/components/explore/index.jsx @@ -92,18 +92,7 @@ export default (props) => { loadStreamings() }, []) - return
-
-
-

- - Livestreams -

-
-
- -
- {renderList()} -
+ return
+ {renderList()}
} \ No newline at end of file diff --git a/packages/app/src/pages/tv/components/explore/index.less b/packages/app/src/pages/tv/components/explore/index.less index b01d0532..bfc71c5c 100755 --- a/packages/app/src/pages/tv/components/explore/index.less +++ b/packages/app/src/pages/tv/components/explore/index.less @@ -1,118 +1,89 @@ @item_border_radius: 10px; -.livestreamsBrowser { +.livestream_list { display: flex; flex-direction: column; width: 100%; - .header { - display: inline-flex; + padding: 0 50px; + + .livestream_item { + display: flex; flex-direction: row; align-items: center; - justify-content: space-between; - width: 100%; + background-color: var(--background-color-primary-2); - .panel { - display: inline-flex; - flex-direction: row; + border: 1px solid var(--border-color); - align-items: center; + padding: 10px; + margin-bottom: 20px; + + border-radius: @item_border_radius; + + cursor: pointer; + transition: all 0.2s ease-in-out; + + &:hover { + background-color: var(--background-color-accent); } - .title { - svg { - font-size: 2.5rem; - } - } - - font-size: 2rem; - } - - .livestream_list { - display: flex; - flex-direction: column; - padding: 0 50px; - - .livestream_item { - display: flex; - flex-direction: row; - - align-items: center; - - background-color: var(--background-color-primary-2); - - border: 1px solid var(--border-color); - - padding: 10px; - margin-bottom: 20px; - - border-radius: @item_border_radius; - - cursor: pointer; - transition: all 0.2s ease-in-out; - - &:hover { - background-color: var(--background-color-accent); - } - - .livestream_thumbnail { - width: 8vw; - height: 100%; - - img { - width: 100%; - height: 100%; - border-radius: @item_border_radius; - } - } - - .livestream_info { - position: relative; + .livestream_thumbnail { + width: 8vw; + height: 100%; + img { width: 100%; + height: 100%; + border-radius: @item_border_radius; + } + } - margin-left: 20px; - font-size: 1rem; + .livestream_info { + position: relative; - padding: 10px 0; + width: 100%; + margin-left: 20px; + font-size: 1rem; + + padding: 10px 0; + + color: var(--text-color); + + .userPreview { + font-size: 1.5rem; + } + + h1, + h2 { + margin: 0; + height: fit-content; color: var(--text-color); + } - .userPreview { - font-size: 1.5rem; - } + .livestream_title { + margin-top: 10px; + font-size: 1.5rem; + height: fit-content; + font-family: "Space Grotesk", sans-serif; + } - h1, - h2 { - margin: 0; - height: fit-content; - color: var(--text-color); - } + .livestream_description { + font-size: 0.6rem; + font-weight: 400; + height: fit-content; + } - .livestream_title { - margin-top: 10px; - font-size: 1.5rem; - height: fit-content; - font-family: "Space Grotesk", sans-serif; - } + .livestream_category { + position: absolute; - .livestream_description { - font-size: 0.6rem; - font-weight: 400; - height: fit-content; - } + top: 0; + right: 0; - .livestream_category { - position: absolute; - - top: 0; - right: 0; - - padding: 10px; - } + padding: 10px; } } } diff --git a/packages/app/src/pages/tv/components/feed/index.jsx b/packages/app/src/pages/tv/components/feed/index.jsx deleted file mode 100755 index 300d878f..00000000 --- a/packages/app/src/pages/tv/components/feed/index.jsx +++ /dev/null @@ -1,18 +0,0 @@ -import React from "react" -import { Result, Button } from "antd" - -import "./index.less" - -export default (props) => { - return
- - Sorry, this feature is not implemented yet -
- But you can explore all streamings in app.setLocation("/tv/explore")}>explore tab - } - /> -
-} \ No newline at end of file diff --git a/packages/app/src/pages/tv/components/feed/index.less b/packages/app/src/pages/tv/components/feed/index.less deleted file mode 100755 index 112802cc..00000000 --- a/packages/app/src/pages/tv/components/feed/index.less +++ /dev/null @@ -1 +0,0 @@ -.livestreamsFeed {} \ No newline at end of file diff --git a/packages/app/src/pages/tv/tabs.jsx b/packages/app/src/pages/tv/tabs.jsx index 37f07ff7..24d2b016 100755 --- a/packages/app/src/pages/tv/tabs.jsx +++ b/packages/app/src/pages/tv/tabs.jsx @@ -1,13 +1,7 @@ -import FeedTab from "./components/feed" import ExploreTab from "./components/explore" import ControlPanelTab from "./components/controlPanel" export default { - "feed": { - label: "Feed", - icon: "Rss", - component: FeedTab - }, "explore": { label: "Explore", icon: "Search",