ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

최소사이즈 700 x 600적용

Browse Source
This commit is contained in:
khk 2020-01-28 10:20:06 +09:00
parent 1d94b4d1eb
commit e9c82df114
5 changed files with 37 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
electron-projects/ucap-webmessenger-electron/src/app/AppWindow.ts
View File

@ -23,8 +23,8 @@ export class AppWindow {
// tslint:disable-next-line: variable-name
private _rendererReadyTime: number | null = null;
private minWidth = 1160;
private minHeight = 800;
private minWidth = 700;
private minHeight = 600;
public constructor(private appIconPath: string) {
const savedWindowState = windowStateKeeper({

25
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box.component.scss
View File

@ -7,7 +7,7 @@ $otherBox-bg: #ffffff;
$meBox-line: #cccccc;
$meBox-bg: #ffffff;
$tablet-l-width: 1024px;
$mob-l-width: 640px;
$tablet-s-width: 768px;
.information-msg {
width: 100%;
}
@ -57,14 +57,14 @@ $mob-l-width: 640px;
flex-flow: row;
margin-left: 10px;
max-width: 80%;
@media screen and (max-width: #{$mob-l-width}),
@media screen and (max-width: #{$tablet-s-width}),
(max-height: 600px) {
flex-flow: column;
}
.message-main {
margin-right: 6px;
max-width: calc(100% - 60px);
@media screen and (max-width: #{$mob-l-width}),
@media screen and (max-width: #{$tablet-s-width}),
(max-height: 600px) {
flex-flow: column;
max-width: 100%;
@ -88,7 +88,7 @@ $mob-l-width: 640px;
color: #666666;
word-wrap: break-word;
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;
align-self: flex-start;
ul {
@ -99,11 +99,19 @@ $mob-l-width: 640px;
li {
display: inline-flex;
&.unread {
padding: 0px 6px;
margin-left: 10px;
}
}
}
}
ul {
li {
&.unread {
padding: 0px 6px;
border-radius: 30px;
background-color: #666666;
background-color: #888888;
color: #ffffff;
display: inline-flex;
}
}
}
@ -112,7 +120,7 @@ $mob-l-width: 640px;
&.me {
.message-main-container {
display: Flex;
flex-flow: row;
flex-flow: row-reverse;
margin-left: 0px;
margin-right: 10px;
@media screen and (max-width: #{$tablet-l-width}),
@ -126,7 +134,6 @@ $mob-l-width: 640px;
color: red;
}
}
}
}
.message-row.me {
.profile-img {
@ -146,7 +153,7 @@ $mob-l-width: 640px;
}
.secondary-text {
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;
align-self: flex-end;
}

2
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/schedule.component.scss
View File

@ -3,7 +3,7 @@
text-align: left;
padding: 4px;
.event-header {
padding: 10px;
padding: 8px 10px;
font-size: 14px;
font-weight: 600;
text-align: center;

4
projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/translation.component.scss
View File

@ -9,6 +9,10 @@
padding: 10px;
border-top: 1px solid #dddddd;
}
.sticker {
padding: 10px 10px 0;
text-align: center;
}
}
.language {
padding: 0px 6px 4px;

2
projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.scss
View File

@ -49,7 +49,7 @@
::ng-deep .translationForm {
position: relative;
display: flex;
padding: 0 40px;
padding: 0 2vw;
justify-items: flex-end;
align-content: space-between;
font-size: 0.9em;