Box-Share на Safari vs Chrome (используя класс кольца Tailind V3)CSS

Разбираемся в CSS
Ответить
Anonymous
 Box-Share на Safari vs Chrome (используя класс кольца Tailind V3)

Сообщение Anonymous »

То, что вы можете увидеть ниже, является чем-то, что я заметил недавно, и я ожидаю, что это будет связано с недавним обновлением Safari, потому что я никогда не замечал его раньше. На хроме радиус кольца рендесируется правильно, но на сафари выглядит так, как будто он использует тот же радиус, что и модальный, что делает его уродливым. На рисунках ниже ясно показывают разницу:
chrome (правильно)

safer> (Уродливое)

Полный класс списка модели ниже (не уверен, если уместно, но для полной). Обратите внимание, что есть кольцо-1 Ring-Gray-950/5 и классы Dark Mode, но я перезаписываю их путем настройки:

Код: Выделить всё

.fi-modal-window {
@apply sm:ring-8 sm:ring-white/30 !important;
}
< /code>
, который работает так же, как и ожидалось. Те же классы, просто другой размер и цвет для кольца.fi-modal-window pointer-events-auto relative row-start-2 flex w-full cursor-default flex-col bg-white shadow-xl ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10 mx-auto rounded-xl max-w-xl



Подробнее здесь: https://stackoverflow.com/questions/796 ... ring-class
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»