dave/ocrcc-chatbox
1
0
Fork 0
forked from Github/ocrcc-chatbox
Code Issues Pull Requests Projects Releases Wiki Activity

fix viewport width

Browse Source
This commit is contained in:
Sharon Kennedy 2020-02-17 18:22:54 +01:00
parent 4b5bb34261
commit 06a24562bc
2 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/index.html
View File

@ -2,6 +2,7 @@
<html> <html>
<head> <head>
<title>Embeddable Chatbox Demo</title> <title>Embeddable Chatbox Demo</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1">
</head> </head>
<body> <body>
<p style="font-family:sans-serif; padding: 3rem 5rem;"> <p style="font-family:sans-serif; padding: 3rem 5rem;">

3
src/components/_widget.scss
View File

@ -124,13 +124,14 @@
} }
} }
@media screen and (max-width: 400px){ @media screen and (max-width: 420px){
.docked-widget { .docked-widget {
right: 0; right: 0;
left: 0; left: 0;
} }
.dock, .widget { .dock, .widget {
width: 100vw;
max-width: 100vw; max-width: 100vw;
} }
} }