From 7b4c6fe06627a073eb32dfb9afb894dfe00c0e8c Mon Sep 17 00:00:00 2001
From: szaimen <szaimen@e.mail.de>
Date: Mon, 22 Nov 2021 13:17:40 +0100
Subject: make profile page usable on mobile

Signed-off-by: szaimen <szaimen@e.mail.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
---
 core/src/views/Profile.vue | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

(limited to 'core/src')

diff --git a/core/src/views/Profile.vue b/core/src/views/Profile.vue
index 115d9483275..2d85f34231e 100644
--- a/core/src/views/Profile.vue
+++ b/core/src/views/Profile.vue
@@ -512,6 +512,52 @@ $content-max-width: 640px;
 	}
 }
 
+@media only screen and (max-width: 1024px) {
+	.profile {
+		&__header {
+			height: 250px;
+			position: unset;
+
+			&__container {
+				grid-template-columns: unset;
+
+				&__displayname {
+					margin: 100px 20px 0px;
+					width: unset;
+					display: unset;
+					text-align: center;
+				}
+
+				&__edit-button {
+					width: fit-content;
+					display: block;
+					margin: 30px auto;
+				}
+			}
+		}
+
+		&__content {
+			display: block;
+		}
+
+		&__blocks {
+			width: unset;
+			max-width: 600px;
+			margin: 0 auto;
+			padding: 20px 50px 50px 50px;
+
+			&-empty-info {
+				margin: 0;
+			}
+		}
+
+		&__sidebar {
+			margin: unset;
+			position: unset;
+		}
+	}
+}
+
 .user-actions {
 	display: flex;
 	flex-direction: column;
-- 
cgit v1.2.3