From 9ecdddad168bceaac58c39782a558d8df27d7ccc Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sat, 2 May 2020 20:56:00 +0300
Subject: [PATCH] Fix styles
---
src/views/statuses/show.vue | 24 +++++++++++++++++++++---
src/views/users/show.vue | 14 ++++++++++++--
2 files changed, 33 insertions(+), 5 deletions(-)
diff --git a/src/views/statuses/show.vue b/src/views/statuses/show.vue
index 23962eae..d0483d60 100644
--- a/src/views/statuses/show.vue
+++ b/src/views/statuses/show.vue
@@ -1,5 +1,5 @@
<template>
- <div v-if="!loading">
+ <div v-if="!loading" class="status-show-container">
<header v-if="isDesktop || isTablet" class="user-page-header">
<div class="avatar-name-container">
<el-avatar v-if="accountExists(user, 'avatar')" :src="user.avatar" size="large" />
@@ -103,7 +103,7 @@ export default {
}
</script>
-<style rel='stylesheet/scss' lang='scss' scoped>
+<style rel='stylesheet/scss' lang='scss'>
.avatar-name-container {
display: flex;
align-items: center;
@@ -143,10 +143,21 @@ export default {
margin: 0 0 0 10px;
}
}
+
+@media only screen and (min-width: 1824px) {
+ .status-show-container {
+ max-width: 1824px;
+ margin: auto;
+ }
+}
+
@media only screen and (max-width:480px) {
.avatar-name-container {
margin-bottom: 10px;
}
+ .el-timeline-item__wrapper {
+ padding-left: 18px;
+ }
.left-header-container {
align-items: center;
display: flex;
@@ -157,11 +168,18 @@ export default {
}
.recent-statuses-container {
width: 100%;
- margin: 0 10px;
+ margin: 0;
}
.show-private-statuses {
margin: 0 10px 20px 10px;
}
+ .status-container {
+ margin: 0 10px;
+ }
+ .statuses {
+ padding-right: 10px;
+ margin-left: 8px;
+ }
.user-page-header {
padding: 0;
margin: 7px 15px 15px 10px;
diff --git a/src/views/users/show.vue b/src/views/users/show.vue
index a4ae844a..b97e1f12 100644
--- a/src/views/users/show.vue
+++ b/src/views/users/show.vue
@@ -187,7 +187,7 @@ export default {
}
</script>
-<style rel='stylesheet/scss' lang='scss' scoped>
+<style rel='stylesheet/scss' lang='scss'>
header {
align-items: center;
display: flex;
@@ -291,16 +291,26 @@ table {
.avatar-name-container {
margin-bottom: 10px;
}
+ .el-timeline-item__wrapper {
+ padding-left: 18px;
+ }
.recent-statuses {
margin: 20px 10px 15px 10px;
}
.recent-statuses-container {
width: 100%;
- margin: 0 10px;
+ margin: 0;
}
.show-private-statuses {
margin: 0 10px 20px 10px;
}
+ .status-container {
+ margin: 0 10px;
+ }
+ .statuses {
+ padding-right: 10px;
+ margin-left: 8px;
+ }
.user-page-header {
padding: 0;
margin: 7px 15px 15px 10px;
--
GitLab