hibas123/ScreenSharingThing
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixing earthfile

Browse Source
This commit is contained in:
Fabian Stamm
2023-06-08 16:33:34 +02:00
parent 3ab6fc97e9
commit 012d0fe823
6 changed files with 61 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
public/design.html Normal file
View File

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Simple Screen Sharing</title>
<link href="./styles.css" rel="stylesheet">
</head>
<body class="desktop">
<div class="container">
<div class="video">
VIDEO
</div>
<div class="chat">
CHAT
</div>
</div>
</body>
</html>

21
public/styles.css Normal file
View File

@ -0,0 +1,21 @@
.desktop .container {
display: grid;
grid-template-columns: 1fr auto;
grid-template-rows: 1fr;
grid-template-areas: "video chat";
}
.mobile .container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
grid-template-areas: "video" "chat";
}
.video {
grid-area: video;
}
.chat {
grid-area: chat;
}