* refactor: update tailwind typography css overrides
Update TailwindCSS typography overrides to use less
`important`; and update selectors to make them easier
to read.
* refactor: update focus styles to be consistent
* refactor: extract redundant max-width into utility
Extract redundant max-width into a universal tailwind
utility class. By doing so, the width of the layout
in different pages can be customized easily.
* docs: update docs for modifying `max-w-app` utility
* refactor: replace embedded svg with svg icon
* feat: add global and per-post timezone support
- add `SITE.timezone` in config to define a global default timezone.
- allow per-post timezone overrides via `timezone` in frontmatter.
- update date formatting logic to use the correct timezone when rendering timestamps.
- ensure that posts without a timezone fallback to `SITE.timezone`.
- improve consistency between local and deployed timezones.
* refactor: replace `LOCALE` constant with `SITE.lang`
* docs: update guides
* fix: update code word-break inside markdown table
Closes#466
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