Merge pull request #28888 from sokumon/center-me-page

fix: Center /me, some other pages and fix /logout

frappe/public/js/frappe-web.bundle.js

@@ -24,3 +24,4 @@ import "./bootstrap-4-web.bundle";
 
 import "../../website/js/website.js";
 import "./frappe/socketio_client.js";
+import "./frappe/utils/logout.js";

frappe/public/js/frappe/utils/logout.js

@@ -0,0 +1,11 @@
+frappe.logout = function () {
+	frappe.call({
+		method: "logout",
+		callback: function (r) {
+			if (r.exc) {
+				return;
+			}
+			window.location.href = "/login";
+		},
+	});
+};

frappe/www/logout.html

@@ -0,0 +1,11 @@
+{% from "frappe/templates/includes/avatar_macro.html" import avatar %}
+{% extends "templates/web.html" %}
+{% block navbar %}{% endblock %}
+{% block footer %}{% endblock %}
+{% block page_content %}
+<script>
+	window.onload = function () {
+		frappe.logout()
+	}
+</script>
+{% endblock %}

frappe/www/logout.py

@@ -0,0 +1,7 @@
+import frappe
+
+no_cache = 1
+
+
+def get_context(context):
+	pass

frappe/www/me.css

@@ -0,0 +1,10 @@
+.container {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	height: 100vh;
+	max-width: 100vw;
+	padding: 0;
+	margin: 0;
+	background: var(--bg-light-gray);
+}

frappe/www/third_party_apps.html

@@ -84,5 +84,15 @@ body {
 	align-items: center;
 }
 
+.container {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	height: 100vh;
+	max-width: 100vw;
+	padding: 0;
+	margin: 0;
+}
+
 </style>
 {% endblock %}

frappe/www/update-password.html

@@ -12,6 +12,19 @@
 		background-color: var(--subtle-fg);
 		font-size: var(--text-base);
 	}
+	.container {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		height: 100vh;
+		max-width: 100vw;
+		padding: 0;
+		margin: 0;
+	}
+	/* styling the signup link */
+	.portal-section, .pb-0{
+		display: block;
+	}
 </style>
 
 <div class="portal-container">