antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 18:33:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Redesign sidebar / header and other misc. improvements (#24)

Browse source 
* Remove 1920px max width

* Fix position of list controls menu

* Match size and color of search input

* Adjust library header sizing

* Move app menu to sidebar

* Increase row buffer on play queue list

* Fix query builder styles

* Fix playerbar slider track bg

* Adjust titlebar styles

* Fix invalid modal prop

* Various adjustments to detail pages

* Fix sidebar height calculation

* Fix list null indicators, add filter indicator

* Adjust playqueue styles

* Fix jellyfin releaseYear normalization

* Suppress browser context menu on ag-grid

* Add radius to drawer queue -- normalize layout

* Add modal styles to provider theme

* Fix playlist song list pagination

* Add disc number to albums with more than one disc

* Fix query builder boolean values

* Adjust input placeholder color

* Properly handle rating/favorite from context menu on table

* Conform dropdown menu styles to context menu

* Increase sort type select width

* Fix drawer queue radius

* Change primary color

* Prevent volume wheel from invalid values

* Add icons to query builder dropdowns

* Update notification styles

* Update scrollbar thumb styles

* Remove "add to playlist" on smart playlists

* Fix "add to playlist" from context menu
This commit is contained in:
Jeff 2023-02-07 22:47:23 -08:00 • committed by GitHub
parent d2c0d4c11f
commit 9f2e873366
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
80 changed files with 1427 additions and 1101 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/renderer/layouts/default-layout.tsx
View file

@ -30,7 +30,7 @@ const Layout = styled.div`
grid-template-areas:
'main-content'
'player';
grid-template-rows: calc(100vh - 85px) 85px;
grid-template-rows: calc(100vh - 90px) 90px;
grid-template-columns: 1fr;
gap: 0;
height: 100%;
@ -97,8 +97,9 @@ const ResizeHandle = styled.div<{
`;
const QueueDrawer = styled(motion.div)`
background: var(--sidebar-bg);
border-left: var(--sidebar-border);
background: transparent;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
`;
const QueueDrawerArea = styled(motion.div)`
@ -162,7 +163,7 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
const queueDrawerVariants: Variants = {
closed: {
height: 'calc(100vh - 170px)',
height: 'calc(100vh - 190px)',
position: 'absolute',
right: 0,
top: '75px',
@ -174,12 +175,11 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
x: '50vw',
},
open: {
boxShadow: '1px 1px 10px 5px rgba(0, 0, 0, 0.3)',
height: 'calc(100vh - 170px)',
boxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.8)',
height: 'calc(100vh - 190px)',
position: 'absolute',
right: '20px',
top: '75px',
transition: {
damping: 10,
delay: 0,