Files
danbooru/app/components
evazion da6a61b4e7 css: switch to SVG sprites for icons.
Switch to using SVG sprites for icons, instead of using a combination of icon fonts and inline SVG elements.

This means there's a single icons.svg file containing all icons, and icons are referenced like
`<svg><use href="/icons.svg#arrow-alt-up"/></svg>`.

This should make icons more efficient since a) it replaces an 80kb icon font file with a 8kb SVG
file and b) it replaces repeated inline copies of the same icon with references to the sprite sheet.
This most notably affects the upvote and downvote buttons.

This also updates icons from Font Awesome 5 to Font Awesome 6, which fixes a few minor icon
alignment issues in some places.

ref: https://fontawesome.com/docs/web/add-icons/svg-sprites
2022-12-11 02:16:01 -06:00
..

Components

Components are used to encapsulate common UI widgets used throughout the site. This includes things like comments, tag lists, post thumbnails, paginators, and other things used repeatedly throughout the site. Components encapsulate a widget's HTML, CSS, and Javascript together so that all the code for a component is in a single place.

This uses the ViewComponent library.

Components are similar in concept to React components.

See also

External links