Labby
bbed451f3e
Create a complete braindump note-taking application with Dioxus 0.7 featuring: - Note capture with title, content, and tags - Full CRUD operations (create, read, update, delete) - Search functionality for notes - Tag-based filtering - Note pinning for quick access - Modern dark theme with purple accents - Responsive sidebar layout - Clean card-based note list - Full-text editor with auto-save hint Implemented with: - Dioxus 0.7.1 fullstack for reactive UI and server functions - Workspace pattern with shared API crate - In-memory storage using LazyLock - Server functions for note management All core features working and ready for testing.
34 lines
538 B
CSS
34 lines
538 B
CSS
#echo {
|
|
width: 360px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 50px;
|
|
background-color: #1e222d;
|
|
padding: 20px;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
#echo>h4 {
|
|
margin: 0px 0px 15px 0px;
|
|
}
|
|
|
|
|
|
#echo>input {
|
|
border: none;
|
|
border-bottom: 1px white solid;
|
|
background-color: transparent;
|
|
color: #ffffff;
|
|
transition: border-bottom-color 0.2s ease;
|
|
outline: none;
|
|
display: block;
|
|
padding: 0px 0px 5px 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
#echo>input:focus {
|
|
border-bottom-color: #6d85c6;
|
|
}
|
|
|
|
#echo>p {
|
|
margin: 20px 0px 0px auto;
|
|
} |