Okupa_Mi_Coche/Okupamicoche_-_Hydrogen_frontend
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Theme elements

Browse Source
This commit is contained in:
Oier Bravo
2022-04-18 22:44:24 +02:00
parent 5f4ccfa716
commit e94cb3115e
5 changed files with 32 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
README.md Normal file
View File

@@ -0,0 +1,9 @@
# Okupamicoche Hydrogen
## Theme
- Download and build `hidrogen-web` outside this project.
- `git clone https://github.com/vector-im/hydrogen-web`
- `yarn install`
- `yarn build:sdk`
- `yarn link`
- Inside this project `yarn link hydrogen-view-sdk`

14
index.html
View File

@@ -5,11 +5,19 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" /> <link rel="icon" type="image/svg+xml" href="favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title> <title>Okupamicoche</title>
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta name="application-name" content="Okupamicoche"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Okupamicoche">
<meta name="description" content="A matrix chat application">
<link rel="apple-touch-icon" href="./assets/icon-maskable.png">
<link rel="icon" type="image/png" href="assets/icon-maskable.png">
</head> </head>
<body> <body class="hydrogen">
<div id="app" class="hydrogen"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>

2
src/main.ts
View File

@@ -20,6 +20,8 @@ const assetPaths = {
}; };
import "hydrogen-view-sdk/style.css"; import "hydrogen-view-sdk/style.css";
import "hydrogen-view-sdk/theme-element-dark.css";
// Don't use a default export here, as we use multiple entries during legacy build, // Don't use a default export here, as we use multiple entries during legacy build,
// which does not support default exports, // which does not support default exports,
// see https://github.com/rollup/plugins/tree/master/packages/multi-entry // see https://github.com/rollup/plugins/tree/master/packages/multi-entry

8
src/style.css
View File

@@ -1,8 +0,0 @@
#app {
font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}

10
vite.config.js Normal file
View File

@@ -0,0 +1,10 @@
// vite.config.js
const {defineConfig} = require('vite');
export default defineConfig({
server: {
fs: {
// Allow serving files from one level up to the project root
strict: false
}
}
})