ilia/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: storybook font rendering and shared fonts module #1

Merged
ilia merged 74 commits from feat/portfolio-setup into main 2026-05-18 18:45:22 +00:00
Conversation 0 Commits 74 Files Changed 132
+6 -6
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 458ee0e449 - Show all commits
src/shared/styles/theme.css
+1 -1
View File
@@ -273,7 +273,7 @@
.brutal-border-sidebar {
border-bottom: var(--border-width) solid var(--blue);
}
@media (min-width: 768px) {
@media (min-width: 1024px) {
.brutal-border-sidebar {
border-bottom: none;
border-right: var(--border-width) solid var(--blue);
src/shared/ui/Card/ui/Card.test.tsx
+2 -2
View File
@@ -97,10 +97,10 @@ describe('CardSidebar', () => {
expect(sidebar).toHaveClass('brutal-border-sidebar');
});
it('sidebar column has fixed width on md', () => {
it('sidebar column has fixed width on lg', () => {
render(<CardSidebar sidebar={<span>Sidebar</span>}>Main</CardSidebar>);
const sidebar = screen.getByText('Sidebar').parentElement;
expect(sidebar).toHaveClass('md:w-64');
expect(sidebar).toHaveClass('lg:w-64');
});
it('main column fills remaining space', () => {
src/shared/ui/Card/ui/Card.tsx
+3 -3
View File
@@ -108,9 +108,9 @@ interface CardSidebarProps {
*/
export function CardSidebar({ sidebar, children, className }: CardSidebarProps) {
return (
<div className={cn('flex flex-col md:flex-row', className)}>
<div className="shrink-0 md:w-64 brutal-border-sidebar pb-6 md:pb-0 md:pr-8 mb-6 md:mb-0">{sidebar}</div>
<div className="flex-1 min-w-0 md:pl-8">{children}</div>
<div className={cn('flex flex-col lg:flex-row', className)}>
<div className="shrink-0 lg:w-64 brutal-border-sidebar pb-6 lg:pb-0 lg:pr-8 mb-6 lg:mb-0">{sidebar}</div>
<div className="flex-1 min-w-0 lg:pl-8">{children}</div>
</div>
);
}