class names

This commit is contained in:
Jordan Vidrine 2025-01-03 10:49:43 -06:00
parent d0f813207b
commit 5e2fce3fde
5 changed files with 16 additions and 34 deletions

View File

@ -32,9 +32,13 @@ export default class Reactions extends Component {
<div class="rewind-report-container">
{{#each-in @report.data.post_received_reactions as |emojiName count|}}
<div class="rewind-card scale">
<span>{{replaceEmoji (concat ":" emojiName ":")}}</span>
<span>{{this.cleanEmoji emojiName}}</span>
<span>{{count}} times</span>
<span class="rewind-card__emoji">{{replaceEmoji
(concat ":" emojiName ":")
}}</span>
<span class="rewind-card__title">{{this.cleanEmoji
emojiName
}}</span>
<span class="rewind-card__data">{{count}} times</span>
</div>
{{/each-in}}
</div>

View File

@ -1,5 +1,6 @@
import Component from "@glimmer/component";
// eslint-disable-next-line ember/no-empty-glimmer-component-classes
export default class WordCloud extends Component {
<template>
<div class="rewind-report-page -word-cloud">
@ -7,8 +8,8 @@ export default class WordCloud extends Component {
<div class="rewind-report-container">
{{#each-in @report.data as |word count|}}
<div class="rewind-card">
<span>{{word}}</span>
<span>{{count}} times</span>
<span class="rewind-card__title">{{word}}</span>
<span class="rewind-card__data">{{count}} times</span>
</div>
{{/each-in}}
</div>

View File

@ -1,28 +0,0 @@
.blob_1 {
position: absolute;
top: 5px;
left: -50px;
width: 200px;
}
.blob_2 {
position: absolute;
top: 200px;
right: -50px;
width: 200px;
rotate: 180deg;
}
.blob_3 {
position: absolute;
top: 500px;
left: 500px;
width: 200px;
}
.blob_4 {
position: absolute;
top: 805px;
left: -50px;
width: 200px;
}

View File

@ -6,4 +6,4 @@
@import "activity-calendar";
@import "best-posts";
@import "best-topics";
@import "blobs";
@import "word-cloud";

View File

@ -0,0 +1,5 @@
.rewind-report-page.-word-cloud {
.rewind-report-container {
gap: 1em;
}
}