v1.0.0-beta/styling update
This commit is contained in:
@@ -31,6 +31,7 @@
|
||||
background-color: rgb(49, 49, 49);
|
||||
}
|
||||
.party-message {
|
||||
font-size: 0.75rem !important;
|
||||
display: block;
|
||||
width: fit-content;
|
||||
max-width: 60%;
|
||||
|
||||
+10
-10
@@ -4,10 +4,10 @@ body {
|
||||
transition: max-width ease-in-out 0.35s;
|
||||
}
|
||||
body.visible {
|
||||
width: 65%;
|
||||
width: 75%;
|
||||
}
|
||||
body.visible .watch-party-fab {
|
||||
right: 35% !important;
|
||||
right: 25% !important;
|
||||
transform: translateX(50%);
|
||||
top: 1.5rem;
|
||||
}
|
||||
@@ -18,17 +18,17 @@ body.visible .party-notification-container {
|
||||
body.netflix.visible .AkiraPlayer, /* NETFLIX */
|
||||
body.hulu.visible .Player__container,/* HULU */
|
||||
body.amazon-prime.visible #dv-web-player.dv-player-fullscreen /* AMAZON PRIME */ {
|
||||
max-width: 65% !important;
|
||||
max-width: 75% !important;
|
||||
}
|
||||
/* HULU MINIMIZED VIDEO */
|
||||
body.hulu.visible #__player__ .Player__container.Player__container--modal {
|
||||
right: calc(35% + 2rem) !important;
|
||||
right: calc(25% + 2rem) !important;
|
||||
z-index: 99999 !important;
|
||||
}
|
||||
/* HULU & AMAZON PRIME FIX */
|
||||
body.hulu #party-routes-wrapper,
|
||||
body.amazon-prime #party-routes-wrapper {
|
||||
width: 35% !important;
|
||||
width: 25% !important;
|
||||
height: 100% !important;
|
||||
}
|
||||
/* AMAZON STYLING FIX */
|
||||
@@ -93,8 +93,8 @@ body.amazon-prime textarea:focus {
|
||||
position: fixed;
|
||||
background-color: rgb(27, 27, 27);
|
||||
bottom: 0;
|
||||
width: calc(35% - 2rem);
|
||||
right: -35%;
|
||||
width: calc(25% - 2rem);
|
||||
right: -25%;
|
||||
transition: all ease-in-out 0.3s;
|
||||
height: calc(100% - 2rem);
|
||||
padding: 1rem;
|
||||
@@ -111,7 +111,7 @@ body.amazon-prime textarea:focus {
|
||||
display: none !important;
|
||||
bottom: 0.8rem !important;
|
||||
right: 1rem !important;
|
||||
width: calc(35% - 2rem) !important;
|
||||
width: calc(25% - 2rem) !important;
|
||||
}
|
||||
.party-notification-container .MuiPaper-root {
|
||||
border-radius: 26px !important;
|
||||
@@ -136,8 +136,8 @@ body.amazon-prime textarea:focus {
|
||||
right: 1rem !important;
|
||||
}
|
||||
.watch-party-fab .fab-logo {
|
||||
max-width: 65%;
|
||||
max-height: 65%;
|
||||
max-width: 75%;
|
||||
max-height: 75%;
|
||||
}
|
||||
|
||||
.party-create-container {
|
||||
|
||||
Reference in New Issue
Block a user