From 3754021ae885534e8090384ea67d57bb07429050 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 16 Jul 2025 18:07:13 +0200
Subject: [PATCH] Make the proxyauth login visually distinctive from oidc login

---
 dashboard/proxyauth.html              |  1 -
 dashboard/src/views/ProxyAuthView.vue | 26 +++++++++++++++++++++-----
 src/proxyauth.js                      |  1 -
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/dashboard/proxyauth.html b/dashboard/proxyauth.html
index 75c0b9fbc..8975049fc 100644
--- a/dashboard/proxyauth.html
+++ b/dashboard/proxyauth.html
@@ -7,7 +7,6 @@
       window.cloudron = {};
       window.cloudron.name = '<%= name %>';
       window.cloudron.iconUrl = '<%- iconUrl %>';
-      window.cloudron.footer = `<%- footer -%>`;
       window.cloudron.loginUrl = '<%- loginUrl %>';
       window.cloudron.language = `<%= language %>`;
       window.cloudron.apiOrigin = `<%= apiOrigin %>`;
diff --git a/dashboard/src/views/ProxyAuthView.vue b/dashboard/src/views/ProxyAuthView.vue
index 3f27e557e..6b559c849 100644
--- a/dashboard/src/views/ProxyAuthView.vue
+++ b/dashboard/src/views/ProxyAuthView.vue
@@ -1,23 +1,39 @@
 <script setup>
 
 import Button from '@cloudron/pankow/components/Button.vue';
-import PublicPageLayout from '../components/PublicPageLayout.vue';
 
 // coming from proxyauth.html template
 const name = window.cloudron.name;
 const iconUrl = window.cloudron.iconUrl;
-const footer = window.cloudron.footer;
 const loginUrl = window.cloudron.loginUrl;
 
 </script>
 
 <template>
-  <PublicPageLayout :footerHtml="footer" :icon-url="iconUrl">
+  <div class="main">
     <div>
+      <img :src="iconUrl" /><br/>
       <small>{{ $t('login.loginTo') }}</small>
       <h1>{{ name }}</h1>
       <br/>
-      <Button style="margin-right: 6px" id="loginProceedButton" :href="loginUrl">{{ $t('login.signInAction') }}</Button>
+      <Button id="loginProceedButton" :href="loginUrl">{{ $t('login.signInAction') }}</Button>
     </div>
-  </PublicPageLayout>
+  </div>
 </template>
+
+<style scoped>
+
+.main {
+  text-align: center;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+img {
+  width: 128px;
+  margin-bottom: 20px;
+}
+
+</style>
\ No newline at end of file
diff --git a/src/proxyauth.js b/src/proxyauth.js
index de034c55a..7892f444f 100644
--- a/src/proxyauth.js
+++ b/src/proxyauth.js
@@ -156,7 +156,6 @@ async function login(req, res, next) {
         loginUrl: `https://${dashboardFqdn}/openid/auth?client_id=${proxyAuthClientId}&scope=openid profile email&response_type=code&redirect_uri=https://${app.fqdn}/callback`,
         iconUrl: `https://${dashboardFqdn}${app.iconUrl}`,
         name: app.label || app.subdomain || app.fqdn,
-        footer: marked.parse(await branding.renderFooter()),
         language: await settings.get(settings.LANGUAGE_KEY),
         apiOrigin: `https://${dashboardFqdn}`,
     };