@meith/theme-raidframe 0.2.0 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/theme-raidframe",
-  "version": "0.2.0",
+  "version": "0.3.3",
   "description": "A gaming theme for Meith — guild, raid and match boards — built on the default theme's slots.",
   "license": "LGPL-3.0-or-later",
   "repository": {
@@ -20,9 +20,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@meith/theme-default": "^0.2.0",
-    "@meith/theme-kit": "^0.2.0",
-    "@meith/ui": "^0.2.0"
+    "@meith/theme-default": "^0.3.3",
+    "@meith/ui": "^0.3.3",
+    "@meith/theme-kit": "^0.3.3"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/src/slots/category-block.tsx

@@ -13,7 +13,7 @@ export function CategoryBlock({ category, children }: CategoryBlockModel) {
         </p>
       )}
 
-      <table className="w-full border-collapse text-sm">
+      <table className="w-full table-fixed border-collapse text-sm">
         <thead>
           <tr className={`${MICRO} text-left`}>
             <th scope="col" className="px-3 py-1.5 font-semibold">

package/src/slots/panel-page.tsx

@@ -8,12 +8,23 @@ const LABEL: Record<PanelKind, string> = {
   admincp: 'control panel',
 }
 
-export function PanelPage({ panel, title, back, width, gap, regions, children }: PanelPageModel) {
+export function PanelPage({
+  panel,
+  title,
+  back,
+  frame,
+  width,
+  gap,
+  regions,
+  children,
+}: PanelPageModel) {
   return (
     <main
       id="board-content"
       tabIndex={-1}
-      className={`flex w-full flex-col p-4 ${width === 'wide' ? 'max-w-none' : 'max-w-4xl'} ${
+      className={`flex w-full flex-col p-4 ${
+        frame === 'standalone' ? 'mx-auto flex-1' : ''
+      } ${width === 'wide' ? 'max-w-none' : 'max-w-4xl'} ${
         gap === 'loose' ? 'gap-6' : 'gap-4'
       }`}
     >

package/src/slots/user-panel.tsx

@@ -27,6 +27,8 @@ export function UserPanel({
   links,
   unreadNotifications,
   unreadMessages,
+  notificationsHref,
+  messagesHref,
   children,
 }: UserPanelModel) {
   if (viewer.isGuest) {
@@ -42,10 +44,6 @@ export function UserPanel({
   }
 
   const name = viewer.username ?? 'signed in'
-  const hrefFor = (label: string): string | null =>
-    links.find((link) => link.label === label)?.href ?? null
-  const notificationsHref = hrefFor('Notifications')
-  const messagesHref = hrefFor('Messages')
 
   return (
     <div className="flex flex-wrap items-center gap-2">
@@ -58,7 +56,7 @@ export function UserPanel({
 
       {unreadNotifications > 0 && (
         <a
-          href={notificationsHref ?? undefined}
+          href={notificationsHref}
           className={`${COUNT} border-primary/60 bg-primary/15 text-primary hover:border-primary`}
         >
           {unreadNotifications} new
@@ -66,7 +64,7 @@ export function UserPanel({
       )}
       {unreadMessages > 0 && (
         <a
-          href={messagesHref ?? undefined}
+          href={messagesHref}
           className={`${COUNT} border-forum-unread/60 bg-forum-unread/15 text-forum-unread hover:border-forum-unread`}
         >
           {unreadMessages} pm