gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 7 Projects Releases Packages 1 Wiki Activity Actions

Polish the modals #80

Open
twig wants to merge 4 commits from modal-polish into main
pull from: modal-polish
merge into: gorb:main
Conversation 0 Commits 4 Files changed 9 +8 -2
7 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 783eda56b1 - Show all commits

3
components/Modal/Base.vue
View file

@ -38,7 +38,8 @@ onMounted(() => {
max-height: 90dvh; max-height: 90dvh;
max-width: 90dvw; max-width: 90dvw;
border-radius: var(--standard-radius); background-color: var(--modal-background-color);
border-radius: var(--standard-radius);
border-width: 0; border-width: 0;
padding: 0; padding: 0;

2
components/Modal/ProfilePopup.vue
View file

@ -123,7 +123,7 @@ function buttonEditProfile() {
flex-direction: column; flex-direction: column;
color: var(--text-color); color: var(--text-color);
background-color: var(--chat-background-color); background-color: var(--modal-background-color);
overflow-y: scroll; overflow-y: scroll;
} }

1
public/themes/style/ash.css
View file

@ -17,6 +17,7 @@ complementaryColor = white
--chat-featured-message-color: #4f3f2f60; --chat-featured-message-color: #4f3f2f60;
--popup-background-color: #2f2828; --popup-background-color: #2f2828;
--popup-highlighted-background-color: #382f2f; --popup-highlighted-background-color: #382f2f;
--modal-background-color: #3a352f;
--sidebar-background-color: #3e3a37; --sidebar-background-color: #3e3a37;
--sidebar-highlighted-background-color: #46423b; --sidebar-highlighted-background-color: #46423b;

1
public/themes/style/dark.css
View file

@ -17,6 +17,7 @@ complementaryColor = white
--chat-featured-message-color: #4f2f1f58; --chat-featured-message-color: #4f2f1f58;
--popup-background-color: #2f1f1f; --popup-background-color: #2f1f1f;
--popup-highlighted-background-color: #3f2f2f; --popup-highlighted-background-color: #3f2f2f;
--modal-background-color: #28241f;
--sidebar-background-color: #2e2a27; --sidebar-background-color: #2e2a27;
--sidebar-highlighted-background-color: #36322b; --sidebar-highlighted-background-color: #36322b;

1
public/themes/style/description.css
View file

@ -18,6 +18,7 @@ complementaryColor = black
--chat-featured-message-color: #4f2f1f58; --chat-featured-message-color: #4f2f1f58;
--popup-background-color: #2f1f1f; --popup-background-color: #2f1f1f;
--popup-highlighted-background-color: #3f2f2f; --popup-highlighted-background-color: #3f2f2f;
--modal-background-color: #181f1f;
--sidebar-background-color: #80808000; --sidebar-background-color: #80808000;
--sidebar-highlighted-background-color: #ffffff20; --sidebar-highlighted-background-color: #ffffff20;

1
public/themes/style/light.css
View file

@ -17,6 +17,7 @@ complementaryColor = black
--chat-featured-message-color: #e8ac841f; --chat-featured-message-color: #e8ac841f;
--popup-background-color: #e8e4e0; --popup-background-color: #e8e4e0;
--popup-highlighted-background-color: #dfdbd6; --popup-highlighted-background-color: #dfdbd6;
--modal-background-color: #e8e4e0;
--sidebar-background-color: #dbd8d4; --sidebar-background-color: #dbd8d4;
--sidebar-highlighted-background-color: #d4d0ca; --sidebar-highlighted-background-color: #d4d0ca;

1
public/themes/style/rainbow-capitalism.css
View file

@ -17,6 +17,7 @@ complementaryColor = white
--chat-featured-message-color: #4f8f4f80; --chat-featured-message-color: #4f8f4f80;
--popup-background-color: #80808080; --popup-background-color: #80808080;
--popup-highlighted-background-color: #9f9f9f9f; --popup-highlighted-background-color: #9f9f9f9f;
--modal-background-color: #7fa87fff;
--sidebar-background-color: #80808000; --sidebar-background-color: #80808000;
--sidebar-highlighted-background-color: #ffffff20; --sidebar-highlighted-background-color: #ffffff20;