mirror of
https://github.com/Chocobozzz/PeerTube.git
synced 2025-10-03 09:49:20 +02:00
Redesign manage my videos
* Use a table to list my videos for a clearer overview and so it's easier to add bulk actions in the future * Use a "Manage" video page with a proper URL navigation * Add "Stats" and "Studio" in this "Manage" page
This commit is contained in:
parent
f0f44e1704
commit
b295dd5820
342 changed files with 9452 additions and 6376 deletions
|
@ -8,6 +8,8 @@
|
|||
|
||||
--menu-bg: var(--menuBackgroundColor);
|
||||
--menu-fg: var(--menuForegroundColor);
|
||||
--menu-margin-left: #{$menu-margin-left};
|
||||
--menu-width: #{$menu-width};
|
||||
|
||||
--fg: var(--mainForegroundColor, #000);
|
||||
|
||||
|
@ -36,6 +38,8 @@
|
|||
|
||||
--input-border-radius: 4px;
|
||||
|
||||
--textarea-y-padding: 12px;
|
||||
--textarea-x-padding: 15px;
|
||||
--textarea-fg: var(--textareaForegroundColor, #{pvar(--input-fg)});
|
||||
--textarea-bg: var(--textareaBackgroundColor, #{pvar(--input-bg)});
|
||||
|
||||
|
@ -45,8 +49,6 @@
|
|||
|
||||
--x-margin-content: 2rem;
|
||||
|
||||
--main-col-width: calc(100vw - #{$menu-width});
|
||||
|
||||
--secondary-icon-color: #{pvar(--fg-50)};
|
||||
--active-icon-color: #{pvar(--on-primary)};
|
||||
--active-icon-bg: #{pvar(--primary)};
|
||||
|
@ -58,36 +60,36 @@
|
|||
--alert-primary-bg: #{pvar(--primary-200)};
|
||||
--alert-primary-border-color: #{pvar(--primary-300)};
|
||||
|
||||
--menu-margin-left: #{$menu-margin-left};
|
||||
|
||||
--header-height: #{$header-height};
|
||||
|
||||
--embed-fg: #fff;
|
||||
--embed-big-play-bg: rgba(0, 0, 0, 0.8);
|
||||
|
||||
&.mobile-app-msg {
|
||||
--header-height: #{$header-height + $header-mobile-msg-height};
|
||||
}
|
||||
|
||||
--menu-fg: #{pvar(--fg-400)};
|
||||
--menu-bg: #{pvar(--bg-secondary-400)};
|
||||
|
||||
@media screen and (max-width: $small-view) {
|
||||
--header-height: #{$header-height-small-view};
|
||||
// ---------------------------------------------------------------------------
|
||||
|
||||
&.mobile-app-msg {
|
||||
--header-height: #{$header-height-small-view + $header-mobile-msg-height};
|
||||
}
|
||||
--tmp-header-height: #{$header-height};
|
||||
|
||||
@media screen and (max-width: $small-view) {
|
||||
--tmp-header-height: #{$header-height-small-view};
|
||||
}
|
||||
|
||||
@media screen and (max-width: $mobile-view) {
|
||||
--header-height: #{$header-height-mobile-view};
|
||||
--tmp-header-height: #{$header-height-mobile-view};
|
||||
|
||||
&.mobile-app-msg {
|
||||
--header-height: #{$header-height-mobile-view + $header-mobile-msg-height};
|
||||
&.global-search-hidden {
|
||||
--tmp-header-height: #{$header-height-mobile-view-without-search};
|
||||
}
|
||||
}
|
||||
|
||||
--header-height: #{pvar(--tmp-header-height)};
|
||||
|
||||
&.mobile-app-msg {
|
||||
--header-height: calc(#{pvar(--tmp-header-height)} + #{$header-mobile-msg-height});
|
||||
}
|
||||
|
||||
// ---------------------------------------------------------------------------
|
||||
|
||||
// Light theme
|
||||
&[data-pt-theme=peertube-core-light-beige],
|
||||
&[data-pt-theme=default] {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue