dc8e6e53c7
* Now adapting to small screen sizes, needs improvements * Fix that site only gets into mobile mode when resized * - Added navigation event triggered if user requests to return to navigation on compact screens - People drawer wont be shown on compact screens - Still accessible using settings - would be duplicated UI - mobileSize is now compactSize * Put threshold for collapsing the base UI in a shared file * Switch to a more simple solution using CSS media queries over JS - Move back button to the left a bit so it doesnt get in touch with room icon * switch from component-individual-thresholds to device-type thresholds - <750px: Mobile - <900px: Tablet - >900px: Desktop * Make Settings drawer component collapse on mobile * Fix EmojiBoard not showing up and messing up UI when screen is smaller than 360px * Improve code quality; allow passing classNames to IconButton - remove unnessesary div wrappers - use dir.side where appropriate - rename threshold and its mixins to more descriptive names - Rename "OPEN_NAVIGATION" to "NAVIGATION_OPENED" * - follow BEM methology - remove ROOM_SELECTED listener - rename NAVIGATION_OPENED to OPEN_NAVIGATION where appropriate - this does NOT changes that ref should be used for changing visability * Use ref to change visability to avoid re-rendering * Use ref to change visability to avoid re-rendering * Fix that room component is not hidden by default. This resulted in a broken view when application is viewed in mobile size without having selected a room since loading. * fix: leaving a room should bring one back to navigation Co-authored-by: Ajay Bura <32841439+ajbura@users.noreply.github.com> |
||
|---|---|---|
| .github | ||
| contrib/nginx | ||
| public | ||
| src | ||
| .dockerignore | ||
| .eslintignore | ||
| .eslintrc.js | ||
| .gitignore | ||
| _redirects | ||
| config.json | ||
| CONTRIBUTING.md | ||
| Dockerfile | ||
| LICENSE | ||
| olm.wasm | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| webpack.common.js | ||
| webpack.dev.js | ||
| webpack.prod.js | ||
Cinny
Table of Contents
About
Cinny is a Matrix client focusing primarily on simple, elegant and secure interface.
Building and Running
Running pre-compiled
A tarball of pre-compiled version of the app is provided with each release.
You can serve the application with a webserver of your choosing by simply copying dist/ directory to the webroot.
Building from source
Execute the following commands to compile the app from its source code:
npm ci # Installs all dependencies
npm run build # Compiles the app into the dist/ directory
You can then copy the files to a webserver's webroot of your choice.
To serve a development version of the app locally for testing, you may also use the command npm start.
Running with Docker
This repository includes a Dockerfile, which builds the application from source and serves it with Nginx on port 80. To use this locally, you can build the container like so:
docker build -t cinny:latest .
You can then run the container you've built with a command similar to this:
docker run -p 8080:80 cinny:latest
This will forward your localhost port 8080 to the container's port 80. You can visit the app in your browser by
navigating to http://localhost:8080.
Alternatively you can just pull the DockerHub image by docker pull ajbura/cinny.
Configuring default Homeserver
To set default Homeserver on login and register page, place a customized config.json in webroot of your choice.
License
Copyright (c) 2021 Ajay Bura (ajbura) and contributors
Code licensed under the MIT License: http://opensource.org/licenses/MIT
Graphics licensed under CC-BY 4.0: https://creativecommons.org/licenses/by/4.0/