diff --git a/src/assets/images/icons/ct_logo.svg b/src/assets/images/icons/ct_logo.svg new file mode 100644 index 0000000..ef7fd7a --- /dev/null +++ b/src/assets/images/icons/ct_logo.svg @@ -0,0 +1,81 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/icons/t_logo.svg b/src/assets/images/icons/t_logo.svg new file mode 100644 index 0000000..5ca9fdf --- /dev/null +++ b/src/assets/images/icons/t_logo.svg @@ -0,0 +1,70 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/ScoreTeam.vue b/src/components/ScoreTeam.vue index 50d539b..49bd9d3 100644 --- a/src/components/ScoreTeam.vue +++ b/src/components/ScoreTeam.vue @@ -4,11 +4,27 @@ :class="'team-' + (team_id + 1)"> +
+ T logo + CT logo +
{{ score }} +
+ CT logo + T logo +
+
+ T logo + CT logo +
{{ score }} +
+ CT logo + T logo +
@@ -31,7 +47,8 @@ - @@ -96,6 +113,7 @@ table { margin-bottom: -80px; caption { + position: relative; color: white; font-size: 3rem; caption-side: top; @@ -107,6 +125,38 @@ table { color: transparent; user-select: none; } + + .team-1 { + top: 95px; + } + + .team-2 { + bottom: 120px; + } + + .team-1, + .team-2 { + position: absolute; + left: 7px; + color: white; + font-size: 1rem; + opacity: .8; + + img { + position: inherit; + width: 30px; + height: 30px; + + &:first-child { + z-index: 1; + } + + &:last-child { + margin-left: 20px; + z-index: 0 !important; + } + } + } } tr { @@ -141,6 +191,7 @@ table { .scoreboard { margin-left: 65px; margin-top: -20px; + caption { margin-left: -60px; } diff --git a/src/views/Match.vue b/src/views/Match.vue index 117fc77..52d8eb4 100644 --- a/src/views/Match.vue +++ b/src/views/Match.vue @@ -6,6 +6,10 @@

{{ data.score[0] }}

+
+ CT logo + T logo +

{{ data.score[1] }}

+
+ T logo + CT logo +
@@ -265,11 +273,36 @@ export default { .score-team-1, .score-team-2 { position: absolute; - top: 5rem; + top: 3.5rem; h1 { font-size: 4rem; } + + .team-1, + .team-2 { + position: relative; + right: 30%; + + color: white; + font-size: 1rem; + opacity: .8; + + img { + position: absolute; + width: 30px; + height: 30px; + + &:first-child { + z-index: 1; + } + + &:last-child { + margin-left: 20px; + z-index: 0 !important; + } + } + } } .score-team-1 {