ayushya/watchparty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.4.2-release/release

Browse Source
This commit is contained in:
ayushya
2020-07-15 01:09:59 -04:00
parent 74f52ee432
commit 2dd74b888b
14 changed files with 290 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/index.css
+38 -6
View File
@@ -16,8 +16,13 @@ body.visible {
}
body.visible .watch-party-fab {
right: var(--party-width) !important;
transform: translateX(50%);
transform: translateX(0);
top: 1.5rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background-color: #424242 !important;
box-shadow: none;
background-blend-mode: lighten;
}
body.visible .party-notification-container {
display: block !important;
@@ -182,21 +187,32 @@ body.amazon-prime textarea:focus {
}
.party-create-container {
padding: 38px;
display: flex;
flex-direction: column;
height: 100%;
background: #424242;
padding: 0;
}
.party-create-container .brand-title {
padding: 36px;
}
.party-create-container .create-input-card {
display: flex;
flex-direction: column;
padding: 2rem;
margin: auto 0;
margin: 0;
flex: 1;
display: flex;
justify-content: center;
background: #424242;
}
.create-input-card * {
font-size: 12px !important;
}
.party-create-container .create-input-card .create-mode-select,
.party-create-container .create-input-card .create-mode-select {
margin-bottom: 36px;
}
.party-create-container .create-input-card .create-name,
.party-create-container .create-input-card .create-pin {
margin-bottom: 1rem;
@@ -204,12 +220,25 @@ body.amazon-prime textarea:focus {
.party-create-container .create-input-card {
background-color: #2d2d2d;
}
.create-bottom-card {
background-color: #202020;
padding: 30px 15px;
display: flex;
justify-content: space-evenly;
}
.create-bottom-card * {
letter-spacing: 1.5px !important;
font-size: 11px;
}
.create-bottom-card a:hover {
color: #c0f300;
}
.thread-container {
max-height: 100%;
flex: 1;
overflow-y: auto;
margin-bottom: 1rem;
padding: 0 15px;
margin-top: 1rem;
}
.room-title {
@@ -238,6 +267,7 @@ textarea::-webkit-scrollbar {
}
.chat-message-box > div {
border-radius: 26px;
background-color: #424242;
}
.chat-message-box .MuiFormHelperText-root {
font-size: 10px !important;
@@ -252,7 +282,7 @@ textarea::-webkit-scrollbar {
max-height: 100%;
flex-direction: column;
flex: 1;
padding: 30px 15px 15px 30px;
padding: 0 !important;
box-sizing: border-box !important;
}
@@ -377,6 +407,8 @@ textarea::-webkit-scrollbar {
.text-phone-panel {
display: flex;
align-items: center;
margin: 0 15px 15px 15px;
border-radius: 26px;
}
.MuiTooltip-popper {