Add renovate.json

.gitignore

@@ -12,4 +12,3 @@ test-results/
 end2end/playwright-report/
 playwright/.cache/
 .cuddle/
-.helix/

Cargo.toml

@@ -20,7 +20,6 @@ console_log = "0.2"
 cfg-if = "1"
 lazy_static = "1"
 leptos = { version = "*", default-features = false, features = ["serde"] }
-leptos_dom = { version = "*", default-features = false }
 leptos_meta = { version = "*", default-features = false }
 leptos_axum = { version = "*", default-features = false, optional = true }
 leptos_router = { version = "*", default-features = false }
@@ -55,7 +54,6 @@ ssr = [
   "leptos/ssr",
   "leptos_meta/ssr",
   "leptos_router/ssr",
-  "leptos_dom/ssr",
   "dep:leptos_axum",
   "dep:tracing-subscriber",
   "dep:tracing",

input.css

@@ -12,15 +12,3 @@ html, body {
 .feature-case {
   @apply m-8 border-blue-700 border-2 rounded-lg p-4;
 }
-
-.dashboard-list-item {
-  @apply flex flex-col justify-center hover:dark:bg-blue-900 cursor-pointer select-none px-4 py-2 border-y border-y-gray-800;
-}
-
-.dashboard-list-project {
-  @apply dark:bg-gray-800 hover:dark:bg-blue-900 text-gray-300;
-}
-
-.dashboard-item {
-  @apply pl-6
-}

renovate.json

@@ -0,0 +1,3 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json"
+}

scripts/dev.sh

@@ -1,16 +1,16 @@
 #!/bin/bash
 
-tmux new-window -n dev
+tmux new-session -d -s dev
 
 # allow for user input
 tmux split-window -h
 
 # leptos
-tmux send-keys -t dev "cuddle x leptos:dev" C-m
+tmux send-keys -t dev "cuddle_cli x leptos:dev" C-m
 
 tmux split-window -v
 # tailwind
-tmux send-keys -t dev "cuddle x tailwind:watch" C-m
+tmux send-keys -t dev "cuddle_cli x tailwind:watch" C-m
 
 # set user input to first 
 tmux select-pane -t 0

scripts/nodev.sh

@@ -1,3 +1,3 @@
 #!/bin/bash
 
-tmux kill-window -t dev || true
+tmux kill-session -t dev || true

scripts/refresh:schema.sh

@@ -9,14 +9,4 @@ graphql-client generate \
   --schema-path src/api/graphql/schema/schema.json \
   src/features/navbar_projects/graphql/queries.graphql \
   --output-directory src/features/navbar_projects/gen \
-  --custom-scalars-module='crate::common::graphql' \
-  --variables-derives='Clone,Debug' \
-  --response-derives='Clone,Debug'
-
-graphql-client generate \
-  --schema-path src/api/graphql/schema/schema.json \
-  src/features/dashboard_list_view/graphql/queries.graphql \
-  --output-directory src/features/dashboard_list_view/gen \
-  --custom-scalars-module='crate::common::graphql' \
-  --variables-derives='Clone,Debug' \
-  --response-derives='Clone,Debug'
+  --custom-scalars-module='crate::common::graphql'

src/api/graphql/schema/schema.json

@@ -767,7 +767,7 @@
                 "name": null,
                 "ofType": {
                   "kind": "OBJECT",
-                  "name": "Project",
+                  "name": "ProjectDto",
                   "ofType": null
                 }
               }
@@ -789,7 +789,7 @@
                     "name": null,
                     "ofType": {
                       "kind": "OBJECT",
-                      "name": "Project",
+                      "name": "ProjectDto",
                       "ofType": null
                     }
                   }

src/app.rs

@@ -4,7 +4,7 @@ use leptos_router::*;
 
 use crate::common::layout::DashboardLayout;
 use crate::routes::dash::home::DashHomePage;
-use crate::routes::features_view::features_view;
+use crate::routes::features_view::FeaturesView;
 use crate::routes::home::HomePage;
 
 #[component]
@@ -45,7 +45,7 @@ pub fn App(cx: Scope) -> impl IntoView {
                     <Route
                         path="/features"
                         view=|cx| {
-                            features_view(cx)
+                            view! { cx, <FeaturesView/> }
                         }
                     />
                 </Routes>

src/common/layout.rs

@@ -1,13 +1,12 @@
 use leptos::*;
 use leptos_router::*;
 
-use crate::features::command_line::CommandLine;
 use crate::features::navbar_projects::NavbarProjects;
 
 #[component]
 pub fn DashNav(cx: Scope) -> impl IntoView {
     view! { cx,
-        <nav class="min-w-[200px] p-4 space-y-4 h-screen max-h-screen sticky top-0 select-none bg-gray-800 overflow-auto">
+        <nav class="absolute min-w-[200px] p-4 space-y-4 h-screen sticky top-0 select-none">
             <div>
                 <a href="/dash/home" class="text-xl">
                     "como"
@@ -39,10 +38,8 @@ pub fn DashboardLayout(cx: Scope) -> impl IntoView {
     view! { cx,
         <div class="flex flex-row">
             <DashNav/>
-            <div id="content" class="px-0.5 flex-grow">
-                <CommandLine>
-                    <Outlet/>
-                </CommandLine>
+            <div id="content" class="p-2">
+                <Outlet/>
             </div>
         </div>
     }

src/fallback.rs

@@ -3,7 +3,7 @@ use cfg_if::cfg_if;
 cfg_if! { if #[cfg(feature = "ssr")] {
     use axum::{
         body::{boxed, Body, BoxBody},
-        extract::State,
+        extract::Extension,
         response::IntoResponse,
         http::{Request, Response, StatusCode, Uri},
     };
@@ -14,7 +14,8 @@ cfg_if! { if #[cfg(feature = "ssr")] {
     use leptos::{LeptosOptions, Errors, view};
     use crate::app::{App, AppProps};
 
-    pub async fn file_and_error_handler(uri: Uri, State(options): State<LeptosOptions>, req: Request<Body>) -> AxumResponse {
+    pub async fn file_and_error_handler(uri: Uri, Extension(options): Extension<Arc<LeptosOptions>>, req: Request<Body>) -> AxumResponse {
+        let options = &*options;
         let root = options.site_root.clone();
         let res = get_static_file(uri.clone(), &root).await.unwrap();
 

src/features.rs

@@ -1,3 +1 @@
-pub mod command_line;
-pub mod dashboard_list_view;
 pub mod navbar_projects;

src/features/command_line/mod.rs

@@ -1,56 +0,0 @@
-use leptos::*;
-
-#[derive(Clone, Debug)]
-pub struct CommandLineState {
-    hidden: bool,
-}
-
-#[component]
-pub fn CommandLineModalView(cx: Scope) -> impl IntoView {
-    view! { cx, <div>"modal"</div> }
-}
-
-#[component]
-pub fn CommandLineModal(cx: Scope) -> impl IntoView {
-    let state =
-        use_context::<RwSignal<CommandLineState>>(cx).expect("command line state must be provided");
-
-    let (hidden, _) = create_slice(cx, state, |state| state.hidden, |state, n| state.hidden = n);
-
-    view! { cx,
-        {move || {
-            if !hidden.get() {
-                view! { cx, <CommandLineModalView/> }
-            } else {
-                view! { cx, <div></div> }.into_view(cx)
-            }
-        }}
-    }
-}
-
-#[component]
-pub fn CommandLine(cx: Scope, children: Children) -> impl IntoView {
-    let state = create_rw_signal(cx, CommandLineState { hidden: true });
-    provide_context(cx, state);
-    let (hidden, set_hidden) =
-        create_slice(cx, state, |state| state.hidden, |state, n| state.hidden = n);
-
-    leptos_dom::helpers::window_event_listener(ev::keypress, move |event| {
-        if event.ctrl_key() {
-            match event.code().as_str() {
-                "KeyK" => {
-                    //set_hidden(!hidden.get());
-                    log!("toggle command")
-                }
-                _ => {}
-            }
-        }
-    });
-
-    view! { cx,
-        <div>
-            <div>{children(cx)}</div>
-            <CommandLineModal/>
-        </div>
-    }
-}

src/features/dashboard_list_view.rs

@@ -1,4 +0,0 @@
-pub mod dashboard_list_view;
-pub mod gen;
-
-pub use dashboard_list_view::*;

src/features/dashboard_list_view/dashboard_list_view.rs

@@ -1,93 +0,0 @@
-use graphql_client::{GraphQLQuery, Response};
-use leptos::*;
-
-use crate::features::dashboard_list_view::gen::queries::get_projects_list_view::GetProjectsListViewGetProjectsItems;
-
-use super::gen::queries::get_projects_list_view::{
-    GetProjectsListViewGetProjects, ResponseData, Variables,
-};
-use super::gen::queries::GetProjectsListView;
-
-pub async fn get_projects_list() -> anyhow::Result<Vec<GetProjectsListViewGetProjects>> {
-    let request_body = GetProjectsListView::build_query(Variables {});
-    let payload = serde_json::to_string(&request_body)?;
-    let res = reqwasm::http::Request::post("http://localhost:3001/graphql")
-        .credentials(reqwasm::http::RequestCredentials::Include)
-        .body(payload)
-        .send()
-        .await?;
-    let response_body: Response<ResponseData> = res.json().await?;
-    Ok(response_body
-        .data
-        .ok_or(anyhow::anyhow!("failed to get projects list"))?
-        .get_projects)
-}
-
-#[component]
-pub fn DashboardItemView(cx: Scope, item: GetProjectsListViewGetProjectsItems) -> impl IntoView {
-    view! { cx, <div class="dashboard-list-item dashboard-item">{item.title}</div> }
-}
-
-#[component]
-pub fn DashboardProjectItemView(
-    cx: Scope,
-    project: GetProjectsListViewGetProjects,
-) -> impl IntoView {
-    view! { cx,
-        <div class="dashboard-list-item dashboard-list-project">
-            <a href=format!("/dash/project/{}", & project.id) class="project-item flex flex-row">
-                <div class="space-x-2">
-                    <span>{&project.name}</span>
-                    <span class="text-gray-50">{project.items.len()}</span>
-                    <span class="flex-grow"></span>
-                </div>
-            </a>
-        </div>
-    }
-}
-
-#[component]
-pub fn DashboardListView(
-    cx: Scope,
-    projects: Resource<(), Vec<GetProjectsListViewGetProjects>>,
-) -> impl IntoView {
-    let projects_view = move || {
-        projects.with(cx, |projects| {
-            if projects.is_empty() {
-                return vec![view! { cx, <div class="project-item">"No projects"</div> }.into_any()];
-            }
-
-            projects
-                .into_iter()
-                .filter(|project| !project.items.is_empty())
-                .map(|project| {
-                    view! { cx,
-                        <div>
-                            <DashboardProjectItemView project=project.clone()/>
-                            {&project
-                                .items
-                                .clone()
-                                .into_iter()
-                                .map(|item| {
-                                    view! { cx, <DashboardItemView item=item/> }
-                                })
-                                .collect::<Vec<_>>()
-                                .into_view(cx)}
-                        </div>
-                    }
-                    .into_any()
-                })
-                .collect::<Vec<_>>()
-        })
-    };
-
-    view! { cx, <div class="project-items">{projects_view}</div> }
-}
-
-#[component]
-pub fn DashboardList(cx: Scope) -> impl IntoView {
-    let projects =
-        create_local_resource(cx, || (), |_| async { get_projects_list().await.unwrap() });
-
-    view! { cx, <DashboardListView projects=projects/> }
-}

src/features/dashboard_list_view/gen/mod.rs

@@ -1 +0,0 @@
-pub mod queries;

src/features/dashboard_list_view/gen/queries.rs

@@ -1,81 +0,0 @@
-#![allow(clippy::all, warnings)]
-pub struct GetProjectsListView;
-pub mod get_projects_list_view {
-    #![allow(dead_code)]
-    use std::result::Result;
-    pub const OPERATION_NAME: &str = "GetProjectsListView";
-    pub const QUERY : & str = "query GetProjectsListView {\n  getProjects {\n    id\n    name\n\n    items {\n      id\n      title\n      description\n      state\n    }\n  }\n}\n" ;
-    use super::*;
-    use serde::{Deserialize, Serialize};
-    #[allow(dead_code)]
-    type Boolean = bool;
-    #[allow(dead_code)]
-    type Float = f64;
-    #[allow(dead_code)]
-    type Int = i64;
-    #[allow(dead_code)]
-    type ID = String;
-    type UUID = crate::common::graphql::UUID;
-    #[derive(Clone, Debug)]
-    pub enum ItemState {
-        CREATED,
-        DONE,
-        ARCHIVED,
-        DELETED,
-        Other(String),
-    }
-    impl ::serde::Serialize for ItemState {
-        fn serialize<S: serde::Serializer>(&self, ser: S) -> Result<S::Ok, S::Error> {
-            ser.serialize_str(match *self {
-                ItemState::CREATED => "CREATED",
-                ItemState::DONE => "DONE",
-                ItemState::ARCHIVED => "ARCHIVED",
-                ItemState::DELETED => "DELETED",
-                ItemState::Other(ref s) => &s,
-            })
-        }
-    }
-    impl<'de> ::serde::Deserialize<'de> for ItemState {
-        fn deserialize<D: ::serde::Deserializer<'de>>(deserializer: D) -> Result<Self, D::Error> {
-            let s: String = ::serde::Deserialize::deserialize(deserializer)?;
-            match s.as_str() {
-                "CREATED" => Ok(ItemState::CREATED),
-                "DONE" => Ok(ItemState::DONE),
-                "ARCHIVED" => Ok(ItemState::ARCHIVED),
-                "DELETED" => Ok(ItemState::DELETED),
-                _ => Ok(ItemState::Other(s)),
-            }
-        }
-    }
-    #[derive(Serialize, Clone, Debug)]
-    pub struct Variables;
-    #[derive(Deserialize, Clone, Debug)]
-    pub struct ResponseData {
-        #[serde(rename = "getProjects")]
-        pub get_projects: Vec<GetProjectsListViewGetProjects>,
-    }
-    #[derive(Deserialize, Clone, Debug)]
-    pub struct GetProjectsListViewGetProjects {
-        pub id: UUID,
-        pub name: String,
-        pub items: Vec<GetProjectsListViewGetProjectsItems>,
-    }
-    #[derive(Deserialize, Clone, Debug)]
-    pub struct GetProjectsListViewGetProjectsItems {
-        pub id: UUID,
-        pub title: String,
-        pub description: Option<String>,
-        pub state: ItemState,
-    }
-}
-impl graphql_client::GraphQLQuery for GetProjectsListView {
-    type Variables = get_projects_list_view::Variables;
-    type ResponseData = get_projects_list_view::ResponseData;
-    fn build_query(variables: Self::Variables) -> ::graphql_client::QueryBody<Self::Variables> {
-        graphql_client::QueryBody {
-            variables,
-            query: get_projects_list_view::QUERY,
-            operation_name: get_projects_list_view::OPERATION_NAME,
-        }
-    }
-}

src/features/dashboard_list_view/graphql/queries.graphql

@@ -1,13 +0,0 @@
-query GetProjectsListView {
-  getProjects {
-    id
-    name
-
-    items {
-      id
-      title
-      description
-      state
-    }
-  }
-}

src/features/navbar_projects/gen/queries.rs

@@ -17,14 +17,14 @@ pub mod get_projects_list_view {
     #[allow(dead_code)]
     type ID = String;
     type UUID = crate::common::graphql::UUID;
-    #[derive(Serialize, Clone, Debug)]
+    #[derive(Serialize)]
     pub struct Variables;
-    #[derive(Deserialize, Clone, Debug)]
+    #[derive(Deserialize)]
     pub struct ResponseData {
         #[serde(rename = "getProjects")]
         pub get_projects: Vec<GetProjectsListViewGetProjects>,
     }
-    #[derive(Deserialize, Clone, Debug)]
+    #[derive(Deserialize)]
     pub struct GetProjectsListViewGetProjects {
         pub id: UUID,
         pub name: String,

src/features/navbar_projects/navbar_projects.rs

@@ -1,5 +1,6 @@
 use graphql_client::{GraphQLQuery, Response};
 use leptos::*;
+use leptos_router::*;
 
 use crate::features::navbar_projects::gen::queries::get_projects_list_view::{
     ResponseData, Variables,
@@ -17,10 +18,7 @@ pub async fn get_projects_list() -> anyhow::Result<Vec<GetProjectsListViewGetPro
         .send()
         .await?;
     let response_body: Response<ResponseData> = res.json().await?;
-    Ok(response_body
-        .data
-        .ok_or(anyhow::anyhow!("failed to get projects list"))?
-        .get_projects)
+    Ok(response_body.data.unwrap().get_projects)
 }
 
 #[component]
@@ -30,6 +28,7 @@ pub fn NavbarProjectsView(
 ) -> impl IntoView {
     let projects_view = move || {
         projects.with(cx, |projects| {
+
             if projects.is_empty() {
                 return vec![view! { cx, <div class="project-item">"No projects"</div> }.into_any()];
             }
@@ -39,7 +38,7 @@ pub fn NavbarProjectsView(
                 .map(|project| {
                     view! { cx,
                         <a href=format!("/dash/project/{}", & project.id) class="project-item">
-                               <div class="project-item-name hover:dark:bg-blue-700 rounded-md p-0.5 px-2">
+                            <div class="project-item-name hover:dark:bg-blue-700 rounded-md p-0.5 px-2">
                                 {&project.name}
                             </div>
                         </a>

src/main.rs

@@ -24,9 +24,9 @@ async fn main() {
 
     let app = Router::new()
         .route("/api/*fn_name", post(leptos_axum::handle_server_fns))
-        .leptos_routes(&leptos_options.clone(), routes, |cx| view! { cx, <App/> })
+        .leptos_routes(leptos_options.clone(), routes, |cx| view! { cx, <App/> })
         .fallback(file_and_error_handler)
-        .with_state(leptos_options);
+        .layer(Extension(Arc::new(leptos_options)));
 
     // run our app with hyper
     // `axum::Server` is a re-export of `hyper::Server`

src/routes.rs

@@ -1,3 +1,4 @@
 pub mod dash;
 pub mod features_view;
 pub mod home;
+

src/routes/dash/home.rs

@@ -1,12 +1,12 @@
 use leptos::*;
 
-use crate::features::dashboard_list_view::DashboardList;
+use crate::features::navbar_projects::NavbarProjects;
 
 #[component]
 pub fn DashHomePage(cx: Scope) -> impl IntoView {
     view! { cx,
         <div class="home-dash">
-            <DashboardList/>
+            <NavbarProjects/>
         </div>
     }
 }

src/routes/features_view.rs

@@ -1,12 +1,11 @@
-use leptos::{ev, html::*, *};
+use leptos::*;
 use uuid::Uuid;
 
 use crate::features::navbar_projects::gen::queries::get_projects_list_view::GetProjectsListViewGetProjects;
-use crate::features::navbar_projects::{
-    NavbarProjects, NavbarProjectsProps, NavbarProjectsView, NavbarProjectsViewProps,
-};
+use crate::features::navbar_projects::NavbarProjectsView;
 
-pub fn features_view(cx: Scope) -> impl IntoView {
+#[component]
+pub fn FeaturesView(cx: Scope) -> impl IntoView {
     let projects = create_local_resource(
         cx,
         || (),
@@ -27,22 +26,19 @@ pub fn features_view(cx: Scope) -> impl IntoView {
     let emptyProjects: Resource<(), Vec<GetProjectsListViewGetProjects>> =
         create_local_resource(cx, || (), |_| async { Vec::new() });
 
-    return div(cx).child(
-        div(cx)
-            .classes("space-y-5 p-2")
-            .child(h1(cx).child("NavbarProjects"))
-            .child(h2(cx).child("Projects"))
-            .child(
-                div(cx)
-                    .classes("feature-case")
-                    .child(NavbarProjectsView(cx, NavbarProjectsViewProps { projects })),
-            )
-            .child(h2(cx).child("no projects"))
-            .child(div(cx).classes("feature-case").child(NavbarProjectsView(
-                cx,
-                NavbarProjectsViewProps {
-                    projects: emptyProjects,
-                },
-            ))),
-    );
+    view! { cx,
+        <div>
+            <div class="space-y-5">
+                <h1>"NavbarProjects"</h1>
+                <h2>"Projects"</h2>
+                <div class="feature-case">
+                    <NavbarProjectsView projects=projects/>
+                </div>
+                <h2>"no projects"</h2>
+                <div class="feature-case">
+                    <NavbarProjectsView projects=emptyProjects/>
+                </div>
+            </div>
+        </div>
+    }
 }

style/output.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
+! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -191,10 +191,6 @@ select,
 textarea {
   font-family: inherit;
   /* 1 */
-  font-feature-settings: inherit;
-  /* 1 */
-  font-variation-settings: inherit;
-  /* 1 */
   font-size: 100%;
   /* 1 */
   font-weight: inherit;
@@ -345,14 +341,6 @@ menu {
   padding: 0;
 }
 
-/*
-Reset default styling for dialogs.
-*/
-
-dialog {
-  padding: 0;
-}
-
 /*
 Prevent resizing textareas horizontally by default.
 */
@@ -534,6 +522,10 @@ video {
   --tw-backdrop-sepia:  ;
 }
 
+.absolute {
+  position: absolute;
+}
+
 .relative {
   position: relative;
 }
@@ -558,30 +550,14 @@ video {
   display: flex;
 }
 
-.\!hidden {
-  display: none !important;
-}
-
-.hidden {
-  display: none;
-}
-
 .h-screen {
   height: 100vh;
 }
 
-.max-h-screen {
-  max-height: 100vh;
-}
-
 .min-w-\[200px\] {
   min-width: 200px;
 }
 
-.flex-grow {
-  flex-grow: 1;
-}
-
 .cursor-pointer {
   cursor: pointer;
 }
@@ -604,12 +580,6 @@ video {
   justify-content: space-between;
 }
 
-.space-x-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
 .space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -634,10 +604,6 @@ video {
   margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
 }
 
-.overflow-auto {
-  overflow: auto;
-}
-
 .rounded-md {
   border-radius: 0.375rem;
 }
@@ -663,16 +629,6 @@ video {
   padding: 1rem;
 }
 
-.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}
-
-.px-0\.5 {
-  padding-left: 0.125rem;
-  padding-right: 0.125rem;
-}
-
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -701,11 +657,6 @@ video {
   font-weight: 700;
 }
 
-.text-gray-50 {
-  --tw-text-opacity: 1;
-  color: rgb(249 250 251 / var(--tw-text-opacity));
-}
-
 .text-red-50 {
   --tw-text-opacity: 1;
   color: rgb(254 242 242 / var(--tw-text-opacity));
@@ -716,10 +667,6 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.filter {
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
 html, body {
   scroll-behavior: smooth;
   min-height: 100%;
@@ -747,53 +694,6 @@ html, body {
   padding: 1rem;
 }
 
-.dashboard-list-item {
-  display: flex;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  flex-direction: column;
-  justify-content: center;
-  border-top-width: 1px;
-  border-bottom-width: 1px;
-  --tw-border-opacity: 1;
-  border-top-color: rgb(31 41 55 / var(--tw-border-opacity));
-  border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity));
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
-@media (prefers-color-scheme: dark) {
-  .dashboard-list-item:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(30 58 138 / var(--tw-bg-opacity));
-  }
-}
-
-.dashboard-list-project {
-  --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
-}
-
-@media (prefers-color-scheme: dark) {
-  .dashboard-list-project {
-    --tw-bg-opacity: 1;
-    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
-  }
-
-  .dashboard-list-project:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(30 58 138 / var(--tw-bg-opacity));
-  }
-}
-
-.dashboard-item {
-  padding-left: 1.5rem;
-}
-
 @media (prefers-color-scheme: dark) {
   .dark\:text-gray-300 {
     --tw-text-opacity: 1;