Add option to adjust column widths

.envrc

@@ -0,0 +1 @@
+use flake

.gitignore

@@ -44,3 +44,6 @@ src/locales/*.js
 
 # Generated iconify icons
 src/iconify-icons/
+
+# direnv
+.direnv/

flake.nix

@@ -0,0 +1,18 @@
+{
+  description = "phanpy dev shell";
+
+  inputs.nixpkgs.url = "github:nixos/nixpkgs/nixos-26.05";
+
+  outputs = { self, nixpkgs }:
+    let
+      forAllSystems = nixpkgs.lib.genAttrs [ "aarch64-darwin" "x86_64-darwin" "x86_64-linux" ];
+    in {
+      devShells = forAllSystems (system:
+        let pkgs = nixpkgs.legacyPackages.${system};
+        in {
+          default = pkgs.mkShell {
+            packages = [ pkgs.nodejs ];
+          };
+        });
+    };
+}

src/app.css

@@ -2762,6 +2762,9 @@ ul.link-list li a .icon {
     -1px 0 var(--bg-color),
     -2px 0 var(--drop-shadow-color),
     -3px 0 var(--bg-color);
+
+  transition: flex-basis 0.3s ease-in-out;
+
   &:dir(rtl) {
     box-shadow:
       1px 0 var(--bg-color),

src/components/columns.jsx

@@ -1,4 +1,5 @@
 import { useLingui } from '@lingui/react/macro';
+import { useLayoutEffect } from 'preact/hooks';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { useSnapshot } from 'valtio';
 
@@ -15,6 +16,7 @@ import Search from '../pages/search';
 import Trending from '../pages/trending';
 import isRTL from '../utils/is-rtl';
 import states from '../utils/states';
+import store from '../utils/store';
 import { getCurrentAccountID } from '../utils/store-utils';
 import useTitle from '../utils/useTitle';
 
@@ -32,6 +34,17 @@ function Columns() {
 
   console.debug('RENDER Columns', shortcuts);
 
+  useLayoutEffect(() => {
+    const columnSize = store.local.get('columnSize');
+    if (!columnSize) return;
+    const col = document.getElementById('columns');
+    if (col) {
+      col.style.setProperty('--column-size', `${columnSize}px`);
+    } else {
+      console.warn('Failed to set column size: #columns not found');
+    }
+  }, []);
+
   const components = shortcuts.map((shortcut) => {
     if (!shortcut) return null;
     const { type, ...params } = shortcut;