diff --git a/src/components/Chatbox.css b/src/components/Chatbox.css index 7b4d0f7..b45dde6 100644 --- a/src/components/Chatbox.css +++ b/src/components/Chatbox.css @@ -26,6 +26,7 @@ ion-textarea { .send-button { align-self: center; margin: 0 2px 0 5px; + --box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .message-input { diff --git a/src/components/Messages.css b/src/components/Messages.css index 9c7a011..bb1e88f 100644 --- a/src/components/Messages.css +++ b/src/components/Messages.css @@ -7,7 +7,7 @@ .message-grid { margin-right: 0; height: 100%; - user-select: auto; + user-select: text; } .right-align { diff --git a/src/components/OnlineList.css b/src/components/OnlineList.css index 50c9e53..a7f27f8 100644 --- a/src/components/OnlineList.css +++ b/src/components/OnlineList.css @@ -1,6 +1,7 @@ .online-button { margin: 0 4px 0 0; align-self: center; + --box-shadow: 0 3px 2px -1px rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .popover-list { diff --git a/src/components/RoomHeader.css b/src/components/RoomHeader.css index 690c7b3..fd7e378 100644 --- a/src/components/RoomHeader.css +++ b/src/components/RoomHeader.css @@ -1,6 +1,6 @@ .title { text-align: left; - max-width: 100px; + max-width: 110px; padding-left: 15px; padding-right: 15px; color: var(--ion-color-primary); diff --git a/src/components/RoomHeader.tsx b/src/components/RoomHeader.tsx index 7dc7d22..8861d28 100644 --- a/src/components/RoomHeader.tsx +++ b/src/components/RoomHeader.tsx @@ -52,7 +52,7 @@ const RoomHeader: React.FC = ({ roomId, userId, ownerId, videoI type="url" inputmode="search" class="input-bar" - placeholder="Upload new video by URL" + placeholder="Upload video by URL" onIonChange={(e) => setVideoUrl(e.detail.value!)} value={videoUrl} onSubmit={onSubmit} diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index c1d735c..1a01e34 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -21,7 +21,7 @@ const Home: React.FC = () => { const roomRef = db.collection('rooms').doc(roomId.id); await roomRef.collection('playlist').add({ createdAt: timestamp, - url: 'https://www.youtube.com/watch?v=ksHOjnopT_U', + url: 'https://www.youtube.com/watch?v=XEfDYMngJeE', }); await roomRef.collection('states').add({ diff --git a/src/services/utilities.ts b/src/services/utilities.ts index 8ce538d..0e05329 100644 --- a/src/services/utilities.ts +++ b/src/services/utilities.ts @@ -1,24 +1,34 @@ const adjectives = [ - 'Adamant', - 'Instinctive', + 'Abaft', 'Actually', - 'Husky', + 'Adamant', + 'Adorable', + 'Anxious', 'Bent', - 'Fascinated', - 'Sexual', - 'Mute', - 'Silent', + 'Bright', 'Coherent', + 'Curious', + 'Diligent', + 'Earthy', + 'Fascinated', + 'Foreign', + 'Hateful', + 'Husky', + 'Instinctive', + 'Jagged', 'Juvenile', + 'Military', + 'Mute', 'Naughty', - 'Foreign', - 'Earthy', - 'Diligent', - 'Anxious', - 'Adorable', + 'Neat', + 'Nifty', + 'Parallel', 'Quack', - 'Unequal', + 'Roomy', + 'Sedate', 'Sharp', + 'Silent', + 'Unequal', ]; const animals = [ @@ -59,7 +69,7 @@ const animals = [ // }; export const generateAnonName = (): string => { - const adj: string = adjectives[Math.floor(Math.random() * 20)]; + const adj: string = adjectives[Math.floor(Math.random() * 30)]; const animal: string = animals[Math.floor(Math.random() * 20)]; return adj + ' ' + animal; };