philipp/aef-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[BUGFIX] styling msg success, error, etc.

Browse Source
This commit is contained in:
Marie Birner
2025-08-03 13:36:55 +02:00
parent 16982d2c0d
commit 146387c439
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/page.rs
View File

@@ -95,7 +95,8 @@ impl Page {
main.container { main.container {
@if let Some(found_camera) = &self.found_camera { @if let Some(found_camera) = &self.found_camera {
article class="succ w-full" { div.flex {
article class="succ msg" {
header { (t!("found_camera_title", name = found_camera)) } header { (t!("found_camera_title", name = found_camera)) }
(t!("found_camera_body")) (t!("found_camera_body"))
" " " "
@@ -103,19 +104,24 @@ impl Page {
footer { (found_camera) } footer { (found_camera) }
} }
} }
}
@if self.new_name { @if self.new_name {
article class="name w-full" { div.flex {
article class="name msg" {
header { "New name!" } header { "New name!" }
"Does it feel much different?" "Does it feel much different?"
} }
} }
}
@if let Some(err) = &self.err { @if let Some(err) = &self.err {
article class="error w-full" { div.flex {
article class="error msg" {
header { (err.0) } header { (err.0) }
(err.1) (err.1)
footer { (err.2) } footer { (err.2) }
} }
} }
}
section { (content) } section { (content) }
} }

3
static/serve/style.css
View File

@@ -97,10 +97,11 @@ input[type="submit"]:active {
flex-wrap: wrap; flex-wrap: wrap;
} }
.w-full { .msg {
width: 100%; width: 100%;
max-width: 40rem; max-width: 40rem;
text-align: center; text-align: center;
margin: auto;
} }
.small { .small {