Адаптировать стили стороннего модуля под мое приложение
Задача
Веду разработку приложения на react. Потребовалось внедрить сторонний модуль, написанный на vue (pev2). В качестве решения удалось подключить его в мое приложение в виде html-страницы в iframe. Однако столкнулся с двумя сложностями, которые сам не могу решить (плохо разбираюсь в css):
1. Страница отображается не на весь размер фрейма, при этом на их сайте демо отображается полноценно - https://github.com/dalibo/pev2. В моем приложении используются resizable panels, поэтому размер фрейма у меня задается жестко в пикселях.
2. Адаптировать отображаемый модуль pev2 под мои темы. Примеры оформления в моих темах есть на скриншотах в архиве. Цвета, которые я использую:
dark = {
accentColor: "#007ACC",
backgroundColor: "#252526",
chromeBackgroundColor: "#181818",
foregroundColor: "#D4D4D4",
}
light = {
accentColor: "#007ACC",
backgroundColor: "#e5e5e5",
chromeBackgroundColor: ...
Видеть полную информацию и оставлять заявки могут только авторизованные пользователи.
Адаптировать стили стороннего модуля под мое приложение
Реклама
Адаптировать стили стороннего модуля под мое приложение
Веду разработку приложения на react. Потребовалось внедрить сторонний модуль, написанный на vue (pev2). В качестве решения удалось подключить его в мое приложение в виде html-страницы в iframe. Однако столкнулся с двумя сложностями, которые сам не могу решить (плохо разбираюсь в css):
1. Страница отображается не на весь размер фрейма, при этом на их сайте демо отображается полноценно - https://github.com/dalibo/pev2. В моем приложении используются resizable panels, поэтому размер фрейма у меня задается жестко в пикселях.
2. Адаптировать отображаемый модуль pev2 под мои темы. Примеры оформления в моих темах есть на скриншотах в архиве. Цвета, которые я использую:
dark = {
accentColor: "#007ACC",
backgroundColor: "#252526",
chromeBackgroundColor: "#181818",
foregroundColor: "#D4D4D4",
}
light = {
accentColor: "#007ACC",
backgroundColor: "#e5e5e5",
chromeBackgroundColor: ...