169 похожих чатов

<Svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20">...</svg> Есть такая

свгшка
в приложении подрубаю свгшки через @svgr/webpack
вставив компонент просто на страницу я получаю исходные ширину и высоту
Есть место в приложении где нужно вывести ряд иконок с одинаковой высотой скажем в 30пкс
Проблема в том что иконки эти разные по длине (и у них разный viewBox)
Если при вставке иконок передавать только height, то width останется тот что по умолчанию - это явно не тот результат который я желаю.
Аналога width: auto в атрибутах нету, а если передавать 100% то иконка будет растягиваться по ширине не всю ширину контейнера, и это то же не тот результат который мне нужен.
Можно как-нибудь переопределить width чтобы он был удален в исходном коде иконки?

Вообще в идеале было бы чтобы вторая единица измерения была перерасчитана автоматически исходя из viewbox-а если компоненту передают только 1 единицу измерения (для браузерной совместимости), но мне сойдёт рецепт и просто как убрать ненужную единицу.
Рекомендовать не сохранять в оригинале width и height (только вьюбокс) не нужно - они установлены не зря чтобы при обычных вставках где размеры определяются через стили например не было FOUC.
Спасибо.

1 ответов

16 просмотров

много бакаф(

Похожие вопросы

Обсуждают сегодня

Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
70
Всем доброго дня, ребят подскажите пожалуйста, если в курсе по ассемблеру используется MASM32, могу ли я использовать FASM? В чем явная разница и будет ли у меня все работать?
Botsman
17
Хотел бы спросить у знающих, правильную ли я выбрал книгу для начала изучения ассемблера Юрова В.И ? Или есть более лучшие книги для начала обучения?
Botsman
25
Книга Юрова В.И пойдёт для обучения?
Botsman
24
$params = [ 'formid' => 'feedbackForm', 'formTpl' => '@CODE: <form class="form-validate" data-id="ajax_form"> <fieldset class="margin-bottom-md"> ...
Pathologic
1
Люди добрые, помогите с идеями, потому что свои закончились. У клиента падает софтина в момент инициализации модуля OtlEventMonitor на RegisterWindowMessage('Gp/OtlTaskEvents/...
Михаил Усков
7
> Примечательно, что новый владелец удаляет из GitHub любые жалобы, указывающие на подозрительную активность или смену владельца, и, видимо, рассчитывает на то, что пользовате...
Alex Sherbakov
2
GridView fully ignored first parent(SizedBox), and take width from second parent(Container). How can I constrain GridView by first parent? Widget build(BuildContext context) {...
Hamster
1
Коллеги, добрый день. Есть такой вопрос: Есть модуль, который надо запустить через супервизор как дочерний процесс. Пока инстансов было нужно 8, всё было окей, но когда их ст...
Δημήτηρ
4
Hey there Which is the best Linux destro for developers (coding)? To my research on reddit, they said Linux mint is good for mid level spec and Ubuntu for high Lev hardwar...
Wiz 🪄
11
Карта сайта