Horizontal overflow occurs when a code block in markdown
table is too long. This is prevented by adding line breaks
(`break-all`) in codes inside table.
* Disable margin bottom on image
The result is better on images with caption defined as:
```
*caption*
```
* refactor: combine mt and mb into my-2
---------
Co-authored-by: satnaing <satnaingdev@gmail.com>
* fix: pre > code font color
Co-authored-by: Nomango <nomango@qq.com>
Co-authored-by: shuaixr <1025sxr@gmail.com>
* refactor: extend other css properties besides typography
Update theme extend to include other properties like textColor etc, to clarify confusion.
---------
Co-authored-by: shuaixr <1025sxr@gmail.com>
Co-authored-by: Sat Naing <satnaingdev@gmail.com>
Address a mobile layout issue where using 100vh caused unexpected behavior. Switching to 100svh
resolves this problem by accounting for the mobile browser's UI components. This change ensures a
consistent and improved user experience on smaller screens.
resolves#127
white-space should be pre-wrap - or else, a single long line of code block may break the layout of whole page on mobile devices
use word break for code and blockquote, white-space: pre for fenced code
* feat: use predictable slug for card transition
* feat: enable view transitions in search card
* refactor: use Card.tsx instead of Card.astro
* refactor: handle card styling in component
* refactor: remove unused class name
---------
Co-authored-by: Sat Naing <satnaingdev@gmail.com>
Move theme switch js codes in Layout.astro file to external js file (toggle-theme.js). Update
.prettierignore to exclude the new toggle-theme.js file. Update base.css for new data-theme
attribute.
Sat Naing