RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove unnecesary tabs

Browse Source
This commit is contained in:
SrGooglo 2023-04-03 16:22:51 +00:00
parent 662190c1ca
commit d2e413f7eb
5 changed files with 62 additions and 127 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/app/src/pages/tv/components/explore/index.jsx
View File

@ -92,18 +92,7 @@ export default (props) => {
loadStreamings()
}, [])
return <div className="livestreamsBrowser">
<div className="header">
<div className="title">
<h1>
<Icons.Tv />
<span>Livestreams</span>
</h1>
</div>
</div>
<div className="livestream_list">
{renderList()}
</div>
return <div className="livestream_list">
{renderList()}
</div>
}

149
packages/app/src/pages/tv/components/explore/index.less
View File

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

18
packages/app/src/pages/tv/components/feed/index.jsx
View File

@ -1,18 +0,0 @@
import React from "react"
import { Result, Button } from "antd"
import "./index.less"
export default (props) => {
return <div className="livestreamsFeed">
<Result
status="404"
title="Not implemented"
subTitle={<>
<span>Sorry, this feature is not implemented yet</span>
<br />
<span>But you can explore all streamings in <a onClick={() => app.setLocation("/tv/explore")}>explore</a> tab</span>
</>}
/>
</div>
}

1
packages/app/src/pages/tv/components/feed/index.less
View File

@ -1 +0,0 @@
.livestreamsFeed {}

6
packages/app/src/pages/tv/tabs.jsx
View File

@ -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",