mirror of
https://github.com/outbackdingo/firezone.git
synced 2026-04-05 11:06:18 +00:00
c02e7ed332
Why:
* The previous font being used in the portal (Source Sans Pro) did not
have multiple weights available, which meant that the `font-*` classes
on all html tags were not being used. Switching to Source Sans 3
allows all but 1 (`font-thin` or `100` is not present) of the Tailwind
font sizes to be used.
Closes #2893
62 lines
2.2 KiB
JavaScript
62 lines
2.2 KiB
JavaScript
import '@fontsource/source-sans-3/200.css';
|
|
import '@fontsource/source-sans-3/300.css';
|
|
import '@fontsource/source-sans-3/400.css';
|
|
import '@fontsource/source-sans-3/500.css';
|
|
import '@fontsource/source-sans-3/600.css';
|
|
import '@fontsource/source-sans-3/700.css';
|
|
import '@fontsource/source-sans-3/800.css';
|
|
import '@fontsource/source-sans-3/900.css';
|
|
|
|
import '@fontsource/source-sans-3/200-italic.css';
|
|
import '@fontsource/source-sans-3/300-italic.css';
|
|
import '@fontsource/source-sans-3/400-italic.css';
|
|
import '@fontsource/source-sans-3/500-italic.css';
|
|
import '@fontsource/source-sans-3/600-italic.css';
|
|
import '@fontsource/source-sans-3/700-italic.css';
|
|
import '@fontsource/source-sans-3/800-italic.css';
|
|
import '@fontsource/source-sans-3/900-italic.css';
|
|
|
|
// Import CSS generated by Tailwind compiler
|
|
import "../tmp/tailwind/app.css"
|
|
|
|
// Include phoenix_html to handle method=PUT/DELETE in forms and buttons.
|
|
import "phoenix_html"
|
|
|
|
// Flowbite's Phoenix LiveView integration
|
|
import "flowbite/dist/flowbite.phoenix.js"
|
|
|
|
// Establish Phoenix Socket and LiveView configuration.
|
|
import { Socket } from "phoenix"
|
|
import { LiveSocket } from "phoenix_live_view"
|
|
import topbar from "../vendor/topbar"
|
|
import Hooks from "./hooks"
|
|
import "./event_listeners"
|
|
|
|
// Read CSRF token from the meta tag and use it in the LiveSocket params
|
|
let csrfToken = document
|
|
.querySelector("meta[name='csrf-token']")
|
|
.getAttribute("content")
|
|
|
|
let liveSocket = new LiveSocket("/live", Socket, {
|
|
hooks: Hooks,
|
|
params: {
|
|
_csrf_token: csrfToken,
|
|
timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
|
|
locale: Intl.NumberFormat().resolvedOptions().locale,
|
|
},
|
|
})
|
|
|
|
// Show progress bar on live navigation and form submits
|
|
topbar.config({ barColors: { 0: "#29d" }, shadowColor: "rgba(0, 0, 0, .3)" })
|
|
window.addEventListener("phx:page-loading-start", (_info) => topbar.show(300))
|
|
window.addEventListener("phx:page-loading-stop", (_info) => topbar.hide())
|
|
|
|
// connect if there are any LiveViews on the page
|
|
liveSocket.connect()
|
|
|
|
// expose liveSocket on window for web console debug logs and latency simulation:
|
|
// >> liveSocket.enableDebug()
|
|
// >> liveSocket.enableLatencySim(1000) // enabled for duration of browser session
|
|
// >> liveSocket.disableLatencySim()
|
|
window.liveSocket = liveSocket
|