width: auto; или как сжечь все токены, но не поправить стили
Я думаю, многие уже в курсе, что я делаю свою библиотеку для работы с GraphQL, я решил сделать сайт с документацией(редизайн), но так как я ленивый человек и мне лень писать все самому, я решил сделать это нейроагентом и вроде как на компутататоре выглядит всё вполне неплохо, но вот при проверке на мобилках выглядит все очень странно: - блоки текста обрезаются; - блоки с кодом обрезаются; Сразу скажу что вся дока генерится из .md файлов для удобства. В принципе с лейаутом для шапки и футера, а так же с поиском по доке нейронка справилась нормально, но вот с основным лейаутом не справилась совсем. На протяжении получаса агент подставлял какие-то медиа квери, какие-то word-break/word-spacing/font-aliasing и подобные стили.
Так как лимиты закончились, а релиз новой версии уже второй раз переносится на неделю, приходится править все руками, потому что нужно уже релизить beta версию документации и библиотеки. И чтобы пофиксить все визуальные баги понадобилась одна строка: width: auto; на блоке с кодом, но это только основной лейаут сайта, а чтобы пофиксить остальные визуальные проблемы, все еще проще. Так как используется библиотека компонентов TaigaUI - достаточно просто прописать атрибуты appearance=custom и size=xs в атрибуты button[tuiButton][tuiIconButton]
В общем, пока сложно представить, что нейронка может заменить фронтендеров, хоть и во многих случаях, верстку нейронки генерят очень неплохо.
Всем спасибо. Релиз, думаю, все же будет сегодня. А я пойду дофикшу лейаут.