amical/apps/desktop/widget.html
2025-06-29 21:17:02 +05:30

36 lines
No EOL
1.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Widget</title>
<!-- Favicon links -->
<link rel="icon" type="image/x-icon" href="/assets/logo.ico" />
<link rel="icon" type="image/png" sizes="16x16" href="/assets/icon-16x16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/assets/icon-32x32.png" />
<link rel="icon" type="image/png" sizes="64x64" href="/assets/icon-64x64.png" />
<link rel="icon" type="image/png" sizes="128x128" href="/assets/icon-128x128.png" />
<link rel="icon" type="image/png" sizes="256x256" href="/assets/icon-256x256.png" />
<link rel="apple-touch-icon" sizes="512x512" href="/assets/icon-512x512.png" />
<link rel="apple-touch-icon" sizes="1024x1024" href="/assets/icon-1024x1024.png" />
<style>
body {
margin: 0;
overflow: hidden; /* Prevent scrollbars on the tiny window */
background-color: transparent; /* Ensure body is transparent */
font-family: sans-serif;
}
#root {
width: 100%;
height: 100%;
display: flex;
align-items: flex-end; /* Align to bottom */
justify-content: center; /* Center horizontally */
}
</style>
</head>
<body>
<div id="root" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></div>
<!-- This script tag will point to the TSX file for Vite to process -->
<script type="module" src="src/renderer/widget/index.tsx"></script>
</body>
</html>