TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Make Modal respect (light) theme preference

Browse source
This commit is contained in:
thecashewtrader 2022-11-02 22:17:40 +05:30
parent 5f6b3bdae5
commit ffd02f9cdd
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/ModalComponent.vue
View file

@ -34,7 +34,10 @@ export default {
<style scoped> <style scoped>
.modal { .modal {
@apply fixed z-50 top-0 left-0 w-full h-full bg-dark-900 bg-opacity-80 transition-opacity table; @apply fixed z-50 top-0 left-0 w-full h-full bg-gray bg-opacity-80 transition-opacity table;
}
.dark .modal {
@apply bg-dark-900 bg-opacity-80;
} }
.modal > div { .modal > div {
@ -42,7 +45,10 @@ export default {
} }
.modal-container { .modal-container {
@apply w-min m-auto px-8 bg-dark-700 p-6 rounded-xl min-w-[20vw] relative; @apply w-min m-auto px-8 bg-white p-6 rounded-xl min-w-[20vw] relative;
}
.dark .modal-container {
@apply bg-dark-700;
} }
.modal-container > button { .modal-container > button {