+
@@ -28,7 +29,6 @@ import {hosts} from "@/scripts/constants";
export interface Friend {
name: string
- link: string
avatar: string
banner: string
@@ -55,11 +55,6 @@ export default class Friends extends Vue
})
}
- click(f: Friend)
- {
- window.open(f.link)
- }
-
bgStyle(f: Friend)
{
if (f.banner) return {'background-image': `url(${f.banner})`}
@@ -72,14 +67,18 @@ export default class Friends extends Vue
@import "src/css/colors"
@import "src/css/responsive"
-.friends
- display: grid
+$card-min-width: 335px
+
+//.friends
+// display: grid
+// grid-template-columns: repeat(auto-fit, minmax($card-min-width, 1fr))
.friend
display: flex
position: relative
+ min-width: $card-min-width
- $top: 80px
+ $top: 100px
$img: 80px
.banner
@@ -115,6 +114,7 @@ export default class Friends extends Vue
a
color: $color-text-main
+ margin-left: 10px
.avatar
margin-top: calc(#{$top} - #{$img} / 2 - 20px)