Skip to content

Commit ba0558e

Browse files
committed
feat(blog): style adjustments, tailwind container queries
1 parent 117293b commit ba0558e

File tree

8 files changed

+13
-6
lines changed

8 files changed

+13
-6
lines changed

libs/blog/layouts/ui/.eslintrc.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,8 @@
2424
"prefix": "al",
2525
"style": "kebab-case"
2626
}
27-
]
27+
],
28+
"@angular-eslint/no-host-metadata-property": "off" //@todo: remove when angular 18 fix
2829
}
2930
},
3031
{
Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<al-header [language]="'ENG'" />
2-
<main class="bg-gray-50">
2+
<main>
33
<div
4-
class="mx-auto flex w-full max-w-screen-xl justify-between px-2 py-4 xl:px-0"
4+
class="mx-auto flex h-full w-full max-w-screen-xl justify-between px-2 py-4 xl:px-0"
55
>
66
<router-outlet></router-outlet>
77
</div>
88
</main>
9-
<al-footer />
9+
<al-footer class="mt-auto block" />

libs/blog/layouts/ui/src/lib/layout/layout.component.ts

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,5 +10,8 @@ import { HeaderComponent } from '../header/header.component';
1010
templateUrl: './layout.component.html',
1111
styleUrls: ['./layout.component.scss'],
1212
changeDetection: ChangeDetectionStrategy.OnPush,
13+
host: {
14+
class: 'min-h-screen grid grid-rows-[auto_1fr_auto]',
15+
},
1316
})
1417
export class LayoutComponent {}
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
export * from './lib/blog-shared-ui-breadcrumb/blog-shared-ui-breadcrumb.component';
1+
export * from './lib/breadcrumb/breadcrumb.component';

libs/blog/shared/ui/pagination/src/lib/pagination/pagination.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
<li>
1717
<button
1818
al-button
19-
class="flex min-w-10 justify-center !px-1 !py-3 leading-none"
19+
class="min-w-10 flex justify-center !px-1 !py-3 leading-none"
2020
[variant]="page.isActive ? 'Primary' : 'Outline'"
2121
(click)="setPage(page.index)"
2222
>

libs/shared/assets/src/lib/styles/main.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
/* You can add global styles to this file, and also import other style files */
88
body {
99
font-family: 'Inter', sans-serif;
10+
@apply bg-al-gray-600 text-white;
1011
}
1112

1213
html {

package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@
3232
"@ng-icons/tabler-icons": "^25.6.0",
3333
"@ngrx/signals": "^17.0.1",
3434
"@nx/angular": "18.2.4",
35+
"@tailwindcss/container-queries": "^0.1.1",
3536
"cheerio": "1.0.0-rc.12",
3637
"class-variance-authority": "^0.7.0",
3738
"clsx": "^2.1.1",

tailwind.preset.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,4 +27,5 @@ module.exports = {
2727
},
2828
},
2929
},
30+
plugins: [require('@tailwindcss/container-queries')],
3031
};

0 commit comments

Comments
 (0)