diff --git a/public/img/help/rabbit.png b/public/img/help/rabbit.png index 68fb273..ad71e68 100644 Binary files a/public/img/help/rabbit.png and b/public/img/help/rabbit.png differ diff --git a/src/components/InstanceCard.vue b/src/components/InstanceCard.vue index 9af290c..6918c72 100644 --- a/src/components/InstanceCard.vue +++ b/src/components/InstanceCard.vue @@ -13,8 +13,11 @@
+
+ +
+
-
{{ 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 @@ >
-
+
@@ -106,7 +106,7 @@
Instances list
-
+
- + @@ -10,9 +11,8 @@ - diff --git a/src/components/icons/IconChannel.vue b/src/components/icons/IconChannel.vue index 00c28a4..5cb0613 100644 --- a/src/components/icons/IconChannel.vue +++ b/src/components/icons/IconChannel.vue @@ -1,11 +1,14 @@ diff --git a/src/components/icons/IconFollowers.vue b/src/components/icons/IconFollowers.vue index 22488aa..3dded40 100644 --- a/src/components/icons/IconFollowers.vue +++ b/src/components/icons/IconFollowers.vue @@ -1,7 +1,10 @@ diff --git a/src/components/icons/IconFollowing.vue b/src/components/icons/IconFollowing.vue index 25bae03..1254c98 100644 --- a/src/components/icons/IconFollowing.vue +++ b/src/components/icons/IconFollowing.vue @@ -1,7 +1,10 @@ diff --git a/src/components/icons/IconLanguages.vue b/src/components/icons/IconLanguages.vue index cbee301..d99c3ac 100644 --- a/src/components/icons/IconLanguages.vue +++ b/src/components/icons/IconLanguages.vue @@ -1,7 +1,10 @@ diff --git a/src/components/icons/IconQuota.vue b/src/components/icons/IconQuota.vue new file mode 100644 index 0000000..cb5642a --- /dev/null +++ b/src/components/icons/IconQuota.vue @@ -0,0 +1,29 @@ + + + diff --git a/src/components/icons/IconRight.vue b/src/components/icons/IconRight.vue index 365eb84..af88f85 100644 --- a/src/components/icons/IconRight.vue +++ b/src/components/icons/IconRight.vue @@ -11,5 +11,5 @@ diff --git a/src/components/icons/IconVideo.vue b/src/components/icons/IconVideo.vue index 43b8f00..0b7d3cd 100644 --- a/src/components/icons/IconVideo.vue +++ b/src/components/icons/IconVideo.vue @@ -11,5 +11,5 @@