최소사이즈 700 x 600적용
This commit is contained in:
parent
1d94b4d1eb
commit
e9c82df114
|
@ -23,8 +23,8 @@ export class AppWindow {
|
||||||
// tslint:disable-next-line: variable-name
|
// tslint:disable-next-line: variable-name
|
||||||
private _rendererReadyTime: number | null = null;
|
private _rendererReadyTime: number | null = null;
|
||||||
|
|
||||||
private minWidth = 1160;
|
private minWidth = 700;
|
||||||
private minHeight = 800;
|
private minHeight = 600;
|
||||||
|
|
||||||
public constructor(private appIconPath: string) {
|
public constructor(private appIconPath: string) {
|
||||||
const savedWindowState = windowStateKeeper({
|
const savedWindowState = windowStateKeeper({
|
||||||
|
|
|
@ -7,7 +7,7 @@ $otherBox-bg: #ffffff;
|
||||||
$meBox-line: #cccccc;
|
$meBox-line: #cccccc;
|
||||||
$meBox-bg: #ffffff;
|
$meBox-bg: #ffffff;
|
||||||
$tablet-l-width: 1024px;
|
$tablet-l-width: 1024px;
|
||||||
$mob-l-width: 640px;
|
$tablet-s-width: 768px;
|
||||||
.information-msg {
|
.information-msg {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
@ -57,14 +57,14 @@ $mob-l-width: 640px;
|
||||||
flex-flow: row;
|
flex-flow: row;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
@media screen and (max-width: #{$mob-l-width}),
|
@media screen and (max-width: #{$tablet-s-width}),
|
||||||
(max-height: 600px) {
|
(max-height: 600px) {
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
}
|
}
|
||||||
.message-main {
|
.message-main {
|
||||||
margin-right: 6px;
|
margin-right: 6px;
|
||||||
max-width: calc(100% - 60px);
|
max-width: calc(100% - 60px);
|
||||||
@media screen and (max-width: #{$mob-l-width}),
|
@media screen and (max-width: #{$tablet-s-width}),
|
||||||
(max-height: 600px) {
|
(max-height: 600px) {
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
@ -88,7 +88,7 @@ $mob-l-width: 640px;
|
||||||
color: #666666;
|
color: #666666;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@media screen and (max-width: #{$mob-l-width}), (max-height: 600px) {
|
@media screen and (max-width: #{$tablet-s-width}), (max-height: 600px) {
|
||||||
flex-flow: row;
|
flex-flow: row;
|
||||||
align-self: flex-start;
|
align-self: flex-start;
|
||||||
ul {
|
ul {
|
||||||
|
@ -99,11 +99,19 @@ $mob-l-width: 640px;
|
||||||
li {
|
li {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
&.unread {
|
&.unread {
|
||||||
padding: 0px 6px;
|
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
li {
|
||||||
|
&.unread {
|
||||||
|
padding: 0px 6px;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background-color: #666666;
|
background-color: #888888;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -112,7 +120,7 @@ $mob-l-width: 640px;
|
||||||
&.me {
|
&.me {
|
||||||
.message-main-container {
|
.message-main-container {
|
||||||
display: Flex;
|
display: Flex;
|
||||||
flex-flow: row;
|
flex-flow: row-reverse;
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
@media screen and (max-width: #{$tablet-l-width}),
|
@media screen and (max-width: #{$tablet-l-width}),
|
||||||
|
@ -127,7 +135,6 @@ $mob-l-width: 640px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.message-row.me {
|
.message-row.me {
|
||||||
.profile-img {
|
.profile-img {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -146,7 +153,7 @@ $mob-l-width: 640px;
|
||||||
}
|
}
|
||||||
.secondary-text {
|
.secondary-text {
|
||||||
text-align: end;
|
text-align: end;
|
||||||
@media screen and (max-width: #{$mob-l-width}), (max-height: 600px) {
|
@media screen and (max-width: #{$tablet-s-width}), (max-height: 600px) {
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
align-self: flex-end;
|
align-self: flex-end;
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
.event-header {
|
.event-header {
|
||||||
padding: 10px;
|
padding: 8px 10px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -9,6 +9,10 @@
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-top: 1px solid #dddddd;
|
border-top: 1px solid #dddddd;
|
||||||
}
|
}
|
||||||
|
.sticker {
|
||||||
|
padding: 10px 10px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.language {
|
.language {
|
||||||
padding: 0px 6px 4px;
|
padding: 0px 6px 4px;
|
||||||
|
|
|
@ -49,7 +49,7 @@
|
||||||
::ng-deep .translationForm {
|
::ng-deep .translationForm {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 0 40px;
|
padding: 0 2vw;
|
||||||
justify-items: flex-end;
|
justify-items: flex-end;
|
||||||
align-content: space-between;
|
align-content: space-between;
|
||||||
font-size: 0.9em;
|
font-size: 0.9em;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user