diff --git a/public/styles/index.css b/public/styles/index.css index 9cb6166..d1c2cf7 100644 --- a/public/styles/index.css +++ b/public/styles/index.css @@ -34,13 +34,15 @@ body:has(.content) > footer { .topics { font-size: clamp(1.5em, 4vw, 3em); - max-height: 100%; + max-height: 80vh; column-width: 300px; column-gap: clamp(20px, 4vw, 60px); column-fill: auto; margin: 0; padding: 0; list-style: none; + overflow-y: auto; + overflow-x: hidden; } .topics li:first-child { @@ -106,43 +108,57 @@ ul { right: 0; } +body:has(#repo-list) .content, body:has(.topics:only-child) .content { justify-content: flex-start; + display: block; } +body:has(#repo-list) .topics, body:has(.topics:only-child) .topics { - column-width: 300px; + column-width: 350px; column-fill: auto; + height: calc(100vh - 200px); + overflow-y: hidden; + overflow-x: auto; + max-height: calc(100vh - 200px); + width: 100%; } -@media (max-width: 1024px) { +body:has(#repo-list) .posts { + display: none; +} + +@media (max-width: 768px) { body:has(.content) { - height: 100vh; + height: auto; + min-height: 100vh; + } + + body:has(.content) > .main { + display: block; + min-height: calc(100vh - 200px); } .content { - flex-direction: column; + display: block; padding: 20px; - gap: 40px; - justify-content: flex-start; - overflow-y: auto; + height: auto; } .topics { - font-size: 2em; - column-width: unset; + font-size: 1.8em; column-count: 1; - max-height: unset; - width: 100%; + max-height: none; } .posts { - font-size: 1.5em; - text-align: left; - width: 100%; + font-size: 1.4em; + margin-top: 30px; } .topic a { + display: block; margin-bottom: 15px; } } diff --git a/src/components/Footer.astro b/src/components/Footer.astro index c4e8bf0..06d6914 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -31,7 +31,7 @@ } @media (max-width: 1024px) { footer { - flex-direction: column; + flex-direction: row; gap: 15px; } .footer-links-left, @@ -41,11 +41,14 @@ } @media (max-width: 640px) { + footer { + flex-direction: row; + flex-wrap: wrap; + } .footer-links-left, .footer-links-right { - flex-direction: column; - gap: 10px; - align-items: center; + flex-direction: row; + gap: 15px; } } diff --git a/src/content/git/auto-theme.nvim.mdx b/src/content/git/auto-theme.nvim.mdx index adcde49..7173bfd 100644 --- a/src/content/git/auto-theme.nvim.mdx +++ b/src/content/git/auto-theme.nvim.mdx @@ -16,8 +16,8 @@ I use my color scheme [midnight.nvim](/git/midnight.nvim.html) on macOS and linu 4. [ungoogled-chromium](https://github.com/ungoogled-software/ungoogled-chromium) 5. [swaywm](https://swaywm.org/) 6. [rofi](https://github.com/davatorium/rofi) -7. [fzf](https://github.com/junegunn/fzf) -8. [tmux](https://github.com/tmux/tmux/wiki) +7. [tmux](https://github.com/tmux/tmux/wiki) +8. [fzf](https://github.com/junegunn/fzf) 9. [ripgrep](https://github.com/BurntSushi/ripgrep) 10. [zsh](https://www.zsh.org/) @@ -39,16 +39,12 @@ As of November 28, 2025, I've created [this script](https://github.com/barrett-r 4. ungoogled-chromium: I folded and used the default system theme which automatically reads and updates according to the system environment 5. swaywm (linux): sway reads from a symlink'ed theme file `sed`ed, updated and reloaded by the script 6. rofi: `config.rasi` also reads from a symlink'ed theme files that is updated and reloaded by the script -7. fzf insert here - read from symlinked file?/cat? -8. tmux: `tmux.conf` reads from symlink'ed theme files that are automatically reloaded with `source-file` +7. tmux: `tmux.conf` reads from symlink'ed theme files that are automatically reloaded with `source-file` ## failures Unfortunately, the following programs I've found nearly impossible to dynamically reload: -9. ripgrep: I use the default theme. - -- The ripgrep global configuration file does not support environment variables, exterminating the option to provide a `${THEME}`-based path in the global configuration file. -- I'm also not willing to write an alias wrapper. I don't like to stray too far from the defaults. - +8. fzf: Overwriting fzf's themes, from the interactive shell `fzf` binary to `fzf-{cd,file}-widget` to integration with [fzf-lua](https://github.com/ibhagwan/fzf-lua/), I found this potentially doable but just _way too complex_. Feel free to investigate yourself--I'm going with the default theme. +9. ripgrep: I use the default theme. The ripgrep global configuration file does not support environment variables, exterminating the option to provide a `${THEME}`-based path in the global configuration file. 10. zsh: it's impossible to update `$THEME` across all existing shells (simply a limit of posix). However, all affected _programs_ will read the proper `$THEME`--I'm fine compromising here.