+
+
+
+
-
{{ bytes(instance.userVideoQuota) }}
per user
@@ -98,7 +101,7 @@
margin: auto;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.35);
border: solid 1px #d9d9d9;
- padding: 20px 25px;
+ padding: 20px 25px 15px 25px;
display: flex;
}
@@ -109,9 +112,18 @@
justify-content: space-between;
}
+ .icon,
+ .label {
+ margin-right: 5px;
+ }
+
+ .label {
+ color: $grey;
+ }
+
.left {
margin-right: 40px;
- width: 480px;
+ width: 490px;
.name-host {
display: flex;
@@ -129,7 +141,17 @@
}
.description {
- margin-bottom: 12px;
+ margin-bottom: 8px;
+ line-height: normal;
+ }
+
+ .upload-limits {
+ display: flex;
+
+ .quota {
+ display: flex;
+ margin-right: 80px;
+ }
}
.tags {
@@ -138,11 +160,6 @@
}
.right {
- .icon,
- .label {
- margin-right: 5px;
- }
-
.follow,
.languages {
margin-bottom: 10px;
@@ -170,13 +187,15 @@
import IconFollowers from './icons/IconFollowers'
import IconFollowing from './icons/IconFollowing'
import IconLanguages from './icons/IconLanguages'
+ import IconQuota from './icons/IconQuota'
export default {
components: {
IconRight,
IconFollowers,
IconFollowing,
- IconLanguages
+ IconLanguages,
+ IconQuota
},
props: {
diff --git a/src/components/InstancesList.vue b/src/components/InstancesList.vue
index 5e2c953..28c71fc 100644
--- a/src/components/InstancesList.vue
+++ b/src/components/InstancesList.vue
@@ -48,7 +48,7 @@
-
+
Hide
@@ -78,7 +78,7 @@
>