mirror of
https://github.com/status-im/status-chat-widget.git
synced 2025-02-24 02:08:06 +00:00
71 lines
1.7 KiB
HTML
71 lines
1.7 KiB
HTML
<html>
|
|
<head>
|
|
<style>
|
|
body {
|
|
background-color: #eef2f5;
|
|
}
|
|
|
|
._status-chat-widget {
|
|
background-color: white;
|
|
width: 33%;
|
|
border-radius: 16px;
|
|
font-family: "Inter UI",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
|
|
background: url(https://status.im/img/status-logo-symbol.svg) 99% 3% no-repeat white;
|
|
background-size: 55px;
|
|
border-top: 1px solid #ddd;
|
|
border-left: 1px solid #ddd;
|
|
border-right: 1px solid #ddd;
|
|
}
|
|
|
|
._status-chat-widget h3 {
|
|
margin-top: 0px;
|
|
color: #4360df;
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
padding: 24px;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
._status-chat-widget .chat {
|
|
height: 218px;
|
|
overflow: auto;
|
|
padding: 24px;
|
|
border-top: 1px solid #ddd;
|
|
background-color: #eef2f5;
|
|
}
|
|
|
|
._status-chat-widget .post {
|
|
width: 100%;
|
|
height: 60px;
|
|
padding-left: 30px;
|
|
border-radius: 0px 0px 10px 10px;
|
|
border: 0px;
|
|
border-top: 1px solid #ddd;
|
|
border-bottom: 1px solid #ddd;
|
|
font-size: 14px;
|
|
}
|
|
|
|
._status-chat-widget .username {
|
|
color: #939ba1;
|
|
font-size: 14px;
|
|
}
|
|
|
|
._status-chat-widget .message {
|
|
background-color: white;
|
|
padding: 5px 10px;
|
|
border-radius: 10px;
|
|
border: 1px solid #eee;
|
|
display: block;
|
|
margin-top: 3px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script src="./dist/js/statuswidget.js"></script>
|
|
<div id="status-chat-widget"></div>
|
|
<script>StatusWidget("gitter-bridge", document.getElementById("status-chat-widget"));</script>
|
|
</body>
|
|
</html>
|