orbita icon indicating copy to clipboard operation
orbita copied to clipboard

Верстка нового дизайна

Open sergeivaskov opened this issue 1 year ago • 5 comments

Сверстать по готовым макетам из Figma:

Контакт дизайнера для связи в Telegram: @sergeivaskov

sergeivaskov avatar Nov 05 '24 11:11 sergeivaskov

Если у кого-то есть желание попробовал улучшить стандартную тему Орбиты - вот неплохой вариант.

Лично мне, правда, больше нравится сайдбар с правой стороны, но передвинуть не проблема. А может, даже, и настройкой его сделать. И насчёт меньшей ширины текста в заметке я не уверен.

Используем то, что уже есть в Орбите:

  • Bootstrap 5 и BootstrapVueNext
  • Иконки FontAwesome
  • Форматирование дат через date-fns

В общем, желающим поверстать на досуге - добро пожаловать! Если ваша вёрстка пойдёт в работу - от меня материальное поощрение.

bezumkin avatar Nov 05 '24 16:11 bezumkin

это же бусти

grvoyt avatar Nov 05 '24 17:11 grvoyt

@bezumkin опишу почему выбраны данные решения:

больше нравится сайдбар с правой стороны

В данном случае исходил из стандартной логики повествования, что первым делом пользователю нужно представиться, дать понять туда ли он попал, показав логотип, название и описание. Но в целом можно действительно сделать опциональным перенос сайдбара на правую сторону, возможно кто-то окажется полезным.

насчёт меньшей ширины текста в заметке я не уверен

Изначально я исходил из ширины контента на главной странице, чтобы не возникало ситуации, при которой сильно увеличивалось бы изображение превью, если использовать стандартное соотношение сторон 16:9. При меньшем размере поста по ширине на маленьких экранах помещается как превью, так и текстовое описание.

Затем я использовал эту же ширину и для основного поста. Удобство небольшой ширины контента обусловлено банальной простотой перехода глазами между строками. Чем уже контент, тем проще глазами найти начало следующей строки.

sergeivaskov avatar Nov 07 '24 12:11 sergeivaskov

@sergeivaskov Если что, я не забыл - просто времени нет.

Дизайн мне очень нрайится и обязательно пойдёт в работу, просто непонятно, когда именно.

bezumkin avatar Nov 25 '24 04:11 bezumkin

@bezumkin да, без проблем. Я на связи. Будет время, буду дополнять прочими элементами по возможности.

sergeivaskov avatar Nov 26 '24 15:11 sergeivaskov