At a meeting dedicated to the release of Kirby 3.5 https://youtu.be/a8BykUxjFZY?t=4711, I saw a branded login form. I tried to copy it.
Since this is the input to the panel, I’m afraid to make a mistake in the code.
Created the face-login directory in plugins.
It’s definitely possible, but I don’t know if there is any default stuff that you can use here if if you need to get this information from a custom endpoint.
By default, the field is empty. Then in this field I write the name of the organization (text) and it does not change. If I understood the question correctly.
Yes, I understand what you want to achieve, but I don’t know if this is possible without creating a Vue method that fetches this information via an endpoint. Or if it is possible to access this data from the $store in the Panel or any other way. Not really familiar with the Vue part.
and copy-pasted the LoginScreen.vue code into site/plugins/theme/components/LoginScreen.vue.
This doesn’t seem correct, because nothing new is happening on the login page.
I then found this thread and left out the import LoginScreen JavaScript bit, instead doing
login: { template: `<div> etc, etc </div>`}
like OP demonstrated. This works, and I can use site/plugins/theme/style.css to add custom styling.
I then tried to import a Google Font here, but it isn’t loading. So I downloaded the font’s ttf file into the plugin folder and declared a relative URL to it inside a @font-face rule. That also doesn’t do anything.
Excuse me, but why do you need an additional font for the login form?
Or will this font be used in the panel as well? It is easier to use some common font built into the system.
For the panel, an additional font is already superfluous.
Although I love PragmataPro. I use it everywhere. Where you can and where you can’t.
Could you maybe point me to where this is explained? Does this also count for importing Google Fonts, shouldn’t those be available via the provided external URL, no matter if build process or not?
Just for the sake of it I know that system fonts are better performance wise, but my client’s logo is not set in Times unfortunately. I also know that I could just export an svg… but where’s the fun in that