Get dm link
This commit is contained in:
N Pex
parent
0795c25654
commit
00f95adb09
14 changed files with 422 additions and 26 deletions
|
|
@ -48,5 +48,6 @@
|
|||
"experimental_file_mode": true,
|
||||
"experimental_read_only_room": true,
|
||||
"experimental_public_room": true,
|
||||
"show_status_messages": "never"
|
||||
"show_status_messages": "never",
|
||||
"hide_add_room_on_home": false
|
||||
}
|
||||
|
|
@ -1405,6 +1405,24 @@ body {
|
|||
transition: opacity 0.3s linear;
|
||||
}
|
||||
|
||||
.toast-at-bottom {
|
||||
position: fixed;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
background-color: rgba(black, 0.7);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 40;
|
||||
color: white;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease-in-out;
|
||||
&.visible {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.auto-audio-player-root {
|
||||
position: absolute;
|
||||
top: 72px;
|
||||
|
|
@ -1534,18 +1552,6 @@ body {
|
|||
.mic-button.dimmed {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.toast-read-only {
|
||||
position: fixed;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
background-color: rgba(black, 0.7);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
z-index: 40;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.audio-layout.voice-recorder {
|
||||
|
|
|
|||
82
src/assets/css/getlink.scss
Normal file
82
src/assets/css/getlink.scss
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
@import "@/assets/css/main.scss";
|
||||
|
||||
.getlink-root {
|
||||
background-color: $background;
|
||||
|
||||
.getlink-loggedin {
|
||||
text-align: center;
|
||||
button {
|
||||
min-width: 200px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.getlink-title {
|
||||
color: #000;
|
||||
text-align: center;
|
||||
font-family: "Poppins";
|
||||
font-size: 28px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: 108.5%; /* 30.38px */
|
||||
letter-spacing: -0.8px;
|
||||
white-space: pre-line;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.getlink-subtitle {
|
||||
color: #000;
|
||||
text-align: center;
|
||||
font-feature-settings: "clig" off, "liga" off;
|
||||
font-family: "Inter";
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 117%; /* 18.72px */
|
||||
letter-spacing: 0.4px;
|
||||
margin: 13px 20px 18px 20px;
|
||||
}
|
||||
|
||||
.qr-container {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
|
||||
border-radius: 18px;
|
||||
border: 1px solid #ededed;
|
||||
background: #fff;
|
||||
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.07);
|
||||
|
||||
.col:nth-child(1) {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
|
||||
text-align: center;
|
||||
.qr {
|
||||
width: 120px !important;
|
||||
height: 120px !important;
|
||||
}
|
||||
}
|
||||
.public-link {
|
||||
background-color: transparent;
|
||||
border: none !important;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
#btn-copy-room-link {
|
||||
background-color: var(--v-primary-base) !important;
|
||||
}
|
||||
|
||||
.link-copied-in-place .v-btn__content {
|
||||
font-family: "Inter", sans-serif !important;
|
||||
font-size: 12px !important;
|
||||
text-transform: none !important;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.getlink-share {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
bottom: 24px;
|
||||
width: 24px;
|
||||
height: 17px;
|
||||
object-fit: contain;
|
||||
}
|
||||
}
|
||||
3
src/assets/icons/ic_share.svg
Normal file
3
src/assets/icons/ic_share.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="17" viewBox="0 0 24 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2477 0.000670823C16.1384 0.00531075 16.0311 0.0307591 15.9314 0.0754688C15.7815 0.142957 15.6546 0.25192 15.5656 0.389005C15.4766 0.526231 15.4291 0.685951 15.4291 0.849038V3.32107C14.7529 3.28142 14.0829 3.28494 13.4234 3.33598C6.62122 3.86253 0.885374 9.07191 0.00664931 16.0431H0.00679109C-0.0251098 16.2933 0.0564145 16.5444 0.229528 16.7288C0.402641 16.9133 0.649181 17.0122 0.902999 16.9988C1.15679 16.9853 1.39143 16.8609 1.54355 16.6591C4.61977 12.5918 9.44481 10.1994 14.572 10.1994H15.4292V12.7494C15.4295 12.9682 15.5147 13.1784 15.6674 13.3364C15.8199 13.4945 16.0281 13.5881 16.2484 13.5978C16.4687 13.6075 16.6845 13.5326 16.8505 13.3886L23.7079 7.43851C23.8935 7.2771 24 7.04413 24 6.79934C24 6.55455 23.8935 6.3216 23.7079 6.16016L16.8505 0.210072C16.6844 0.0659577 16.4685 -0.00898088 16.2478 0.000859754L16.2477 0.000670823Z" fill="#074EE8"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1,017 B |
|
|
@ -188,6 +188,17 @@
|
|||
"send_token": "Send token",
|
||||
"token_not_valid": "Invalid token"
|
||||
},
|
||||
"getlink": {
|
||||
"title": "Get a Direct Link",
|
||||
"password": "Set your password",
|
||||
"password_repeat": "Confirm your password",
|
||||
"create": "Create",
|
||||
"hello": "Hello {user},\nHere’s your Direct Link",
|
||||
"ready_to_share": "It’s ready to share! A new direct room will open each time someone opens the link.",
|
||||
"scan_title": "Scan this code to start a direct chat",
|
||||
"continue": "Continue",
|
||||
"qr_image_copied": "Image copied to clipboard"
|
||||
},
|
||||
"profile": {
|
||||
"title": "My Profile",
|
||||
"temporary_identity": "This identity is temporary. Set a password to use it again",
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue