aboutsummaryrefslogtreecommitdiff
path: root/src/components/dialog_modal/dialog_modal.vue
diff options
context:
space:
mode:
authorHJ <30-hj@users.noreply.git.pleroma.social>2024-03-26 17:13:41 +0000
committerHJ <30-hj@users.noreply.git.pleroma.social>2024-03-26 17:13:41 +0000
commitd7f744d2819343eced508a589d6fad3842686a3e (patch)
treeb9f87847afea2dac31c007aef1d8dc2b60cf1145 /src/components/dialog_modal/dialog_modal.vue
parent23edfe7b918844f8cc2ff5b9b245952092ee1cbf (diff)
parentc298611af2736b0a0d535b6bb47b2c9025e4069a (diff)
Merge branch 'themes3' into 'develop'
Themes 3.0 / Pleroma ISS (Interface Style Sheets) [Side A] See merge request pleroma/pleroma-fe!1892
Diffstat (limited to 'src/components/dialog_modal/dialog_modal.vue')
-rw-r--r--src/components/dialog_modal/dialog_modal.vue13
1 files changed, 2 insertions, 11 deletions
diff --git a/src/components/dialog_modal/dialog_modal.vue b/src/components/dialog_modal/dialog_modal.vue
index 341cf105..3bceff22 100644
--- a/src/components/dialog_modal/dialog_modal.vue
+++ b/src/components/dialog_modal/dialog_modal.vue
@@ -12,7 +12,7 @@
<slot name="header" />
</div>
</div>
- <div class="dialog-modal-content">
+ <div class="panel-body dialog-modal-content">
<slot name="default" />
</div>
<div class="dialog-modal-footer user-interactions panel-footer">
@@ -25,8 +25,6 @@
<script src="./dialog_modal.js"></script>
<style lang="scss">
-@import "../../variables";
-
// TODO: unify with other modals.
.dark-overlay {
&::before {
@@ -54,8 +52,6 @@
z-index: 2001;
cursor: default;
display: block;
- background-color: $fallback--bg;
- background-color: var(--bg, $fallback--bg);
.dialog-modal-heading {
.title {
@@ -66,18 +62,13 @@
.dialog-modal-content {
margin: 0;
padding: 1rem;
- background-color: $fallback--bg;
- background-color: var(--bg, $fallback--bg);
white-space: normal;
}
.dialog-modal-footer {
margin: 0;
padding: 0.5em;
- background-color: $fallback--bg;
- background-color: var(--bg, $fallback--bg);
- border-top: 1px solid $fallback--border;
- border-top: 1px solid var(--border, $fallback--border);
+ border-top: 1px solid var(--border);
display: flex;
justify-content: flex-end;