adam/doordesk-js
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Compare commits

base: adam:ee4b2c0cedc38c9b178a3b01b13020d723ad2964
Branches Tags
adam:master
..
compare: adam:986bb9ffee2bea6e200e1c1d3195180c1287bc43
Branches Tags
adam:master

No commits in common. "ee4b2c0cedc38c9b178a3b01b13020d723ad2964" and "986bb9ffee2bea6e200e1c1d3195180c1287bc43" have entirely different histories.
ee4b2c0ced ... 986bb9ffee

2 changed files with 3 additions and 9 deletions
Show stats Expand all files Collapse all files

3
doordesk/app/src/components/article.rs
View file

@ -12,8 +12,7 @@ pub struct ArticleData {
#[component] #[component]
pub fn Article(data: ArticleData) -> impl IntoView { pub fn Article(data: ArticleData) -> impl IntoView {
view! { view! {
// Shadow styling is in main .css file <article class="p-7 my-5 mx-auto w-11/12 max-w-screen-xl bg-opacity-10 rounded-md bg-zinc-700 shadow-1g">
<article class="p-7 my-5 mx-auto w-11/12 max-w-screen-xl bg-opacity-10 rounded-md bg-zinc-700">
<h1 class="text-3xl font-light text-orange-600 capitalize max-6-xs">{&data.title}</h1> <h1 class="text-3xl font-light text-orange-600 capitalize max-6-xs">{&data.title}</h1>
<hr class="opacity-50"/> <hr class="opacity-50"/>
<span class="pt-0 pb-3.5 text-xs opacity-50 m-t">{&data.date}</span> <span class="pt-0 pb-3.5 text-xs opacity-50 m-t">{&data.date}</span>

9
doordesk/style/tailwind.css
View file

@ -19,11 +19,6 @@ nav li:has(> a[aria-current="page"]) {
@apply border-b-orange-700 border-b-2; @apply border-b-orange-700 border-b-2;
} }
/* Shadows don't work inline for some reason */
article {
@apply shadow-lg shadow-black;
}
/* for innerHTML articles */ /* for innerHTML articles */
article p { article p {
@apply mt-5 indent-4; @apply mt-5 indent-4;
@ -81,9 +76,9 @@ article ol {
} }
.code-block { .code-block {
@apply bg-black bg-opacity-50 p-3 rounded-lg shadow-lg shadow-black max-w-fit m-auto; @apply bg-black bg-opacity-40 p-3 rounded-lg shadow-lg shadow-black;
} }
.code-block-inner { .code-block-inner {
@apply p-2 mt-2 text-sm border-t-gray-500 overflow-x-scroll border-t-2; @apply p-2;
} }