Desktop width constrain
This commit is contained in:
parent
19cf6bd66e
commit
62652e20a4
10 changed files with 72 additions and 28 deletions
12
src/assets/css/_variables.scss
Normal file
12
src/assets/css/_variables.scss
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
$background: #ffffff;
|
||||
$app-background: #f6f6f6;
|
||||
$main-desktop-width: 644px;
|
||||
$dialog-desktop-width: 688px;
|
||||
|
||||
|
||||
$chat-background: $background;
|
||||
$chat-standard-padding: 32px;
|
||||
$chat-standard-padding-s: 16px;
|
||||
$chat-standard-padding-xs: 8px;
|
||||
$chat-text-size: 1.0px;
|
||||
$chat-button-height: 50px;
|
||||
|
|
@ -957,6 +957,8 @@ $admin-fg: white;
|
|||
}
|
||||
|
||||
.create-room {
|
||||
background-color: $background;
|
||||
|
||||
.v-avatar {
|
||||
border: 1px solid #808080 !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@
|
|||
/* or 43px */
|
||||
text-align: center;
|
||||
letter-spacing: -0.8px;
|
||||
|
||||
|
||||
color: #000000;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
|
@ -118,4 +118,4 @@
|
|||
background: #9C9CAE;
|
||||
content: " ";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,14 +1,5 @@
|
|||
@import "@/assets/css/main.scss";
|
||||
|
||||
.login-root {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
width: 80%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 10%;
|
||||
background-color: $background;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
$background: #ffffff;
|
||||
@import './variables';
|
||||
|
||||
@font-face {
|
||||
font-family: "Inter";
|
||||
|
|
@ -49,14 +49,6 @@ $background: #ffffff;
|
|||
font-style: normal;
|
||||
}
|
||||
|
||||
|
||||
$chat-background: $background;
|
||||
$chat-standard-padding: 32px;
|
||||
$chat-standard-padding-s: 16px;
|
||||
$chat-standard-padding-xs: 8px;
|
||||
$chat-text-size: 1.0px;
|
||||
$chat-button-height: 50px;
|
||||
|
||||
html { height:100%; }
|
||||
body { position:absolute; top:0; bottom:0; right:0; left:0; }
|
||||
|
||||
|
|
@ -142,7 +134,7 @@ body { position:absolute; top:0; bottom:0; right:0; left:0; }
|
|||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
.dialog-text {
|
||||
text-align: left;
|
||||
word-break: break-word;
|
||||
|
|
@ -150,7 +142,7 @@ body { position:absolute; top:0; bottom:0; right:0; left:0; }
|
|||
color: black;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.build-version {
|
||||
|
|
@ -162,4 +154,4 @@ body { position:absolute; top:0; bottom:0; right:0; left:0; }
|
|||
text-align: center;
|
||||
letter-spacing: 0.4px;
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue