1
0
Fork 0
mirror of https://github.com/anyproto/anytype-ts.git synced 2025-06-09 17:45:02 +09:00

challenge window updates

This commit is contained in:
Andrew Simachev 2023-12-13 16:34:44 +01:00
parent 6ebaffb9fb
commit 0b1b6d6363
No known key found for this signature in database
GPG key ID: 49A163D0D14E6FD8
7 changed files with 45 additions and 29 deletions

View file

@ -5,13 +5,28 @@
* { margin: 0px; }
html, body { height: 100%; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; padding: 16px; }
html.dark body { background-color: #171717; color: #a09f92; }
body { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px; padding: 16px; background-color: #fff; color: #252525; }
.content { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.logo { width: 64px; height: 64px; -webkit-user-select: none; user-select: none; margin: 0px 0px 12px 0px; }
.logo img { width: 100% !important; height: 100% !important; }
.title { font-size: 22px; line-height: 28px; letter-spacing: -0.48px; font-weight: 700; margin: 0px 0px 24px 0px; }
.buttons button { -webkit-app-region: no-drag; }
.buttons { margin-bottom: 1em; text-align: center; }
.buttons button {
display: inline-block; text-align: center; border: 0px; font-weight: 500; text-decoration: none;
height: 30px; line-height: 30px; padding: 0px 16px; border-radius: 4px; transition: background 0.2s ease-in-out;
font-size: 14px; vertical-align: middle; position: relative; overflow: hidden; letter-spacing: 0.2px;
background: #ffb522; color: #fff; margin-top: 1em; width: 100px;
}
.buttons button:hover { background: #f09c0e; }
</style>
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="./main.js" type="text/javascript"></script>
</head>
<body>
<div class="content">
@ -20,12 +35,10 @@
</div>
<div class="title">Challenge</div>
<div id="challenge"></div>
<div class="buttons">
<button id="close"></button>
</div>
</div>
<script type="text/javascript">
window.addEventListener('message', (e) => {
document.getElementById('challenge').innerText = e.data.challenge;
});
</script>
</body>
</html>