diff options
| author | HJ <30-hj@users.noreply.git.pleroma.social> | 2024-04-28 19:05:18 +0000 |
|---|---|---|
| committer | HJ <30-hj@users.noreply.git.pleroma.social> | 2024-04-28 19:05:18 +0000 |
| commit | 51709ad31893714d98bf7c05cd37d1d07fde65ca (patch) | |
| tree | ace81acf8842a4063e12ae561f1a1a7de6aab2c6 /src/components/shout_panel/shout_panel.vue | |
| parent | 4de9daa1144536f03c86d277b4ec1288dc9df432 (diff) | |
| parent | 3056017f8e35c98a7fb42162c7e3460a4ebab619 (diff) | |
Merge branch 'develop' into 'scrobbles-age'
# Conflicts:
# src/i18n/en.json
Diffstat (limited to 'src/components/shout_panel/shout_panel.vue')
| -rw-r--r-- | src/components/shout_panel/shout_panel.vue | 16 |
1 files changed, 6 insertions, 10 deletions
diff --git a/src/components/shout_panel/shout_panel.vue b/src/components/shout_panel/shout_panel.vue index a7013469..9113211e 100644 --- a/src/components/shout_panel/shout_panel.vue +++ b/src/components/shout_panel/shout_panel.vue @@ -5,7 +5,7 @@ > <div class="panel panel-default"> <div - class="panel-heading timeline-heading" + class="panel-heading" :class="{ 'shout-heading': floating }" @click.stop.prevent="togglePanel" > @@ -18,7 +18,7 @@ /> </div> </div> - <div class="shout-window"> + <div class="panel-body shout-window"> <div v-for="message in messages" :key="message.id" @@ -41,10 +41,10 @@ </div> </div> </div> - <div class="shout-input"> + <div class="panel-body shout-input"> <textarea v-model="currentMessage" - class="shout-input-textarea" + class="shout-input-textarea input" rows="1" @keyup.enter="submit(currentMessage)" /> @@ -75,8 +75,6 @@ <script src="./shout_panel.js"></script> <style lang="scss"> -@import "../../variables"; - .floating-shout { position: fixed; bottom: 0.5em; @@ -97,8 +95,7 @@ cursor: pointer; .icon { - color: $fallback--text; - color: var(--panelText, $fallback--text); + color: var(--text); margin-right: 0.5em; } @@ -128,8 +125,7 @@ img { height: 24px; width: 24px; - border-radius: $fallback--avatarRadius; - border-radius: var(--avatarRadius, $fallback--avatarRadius); + border-radius: var(--roundness); margin-right: 0.5em; margin-top: 0.25em; } |