Make the proxyauth login visually distinctive from oidc login

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>