postbox: add focus shadow from figma

Signed-off-by: William Casarin <jb55@jb55.com>
This commit is contained in:
William Casarin 2024-06-21 10:14:26 -07:00
parent 86b0583221
commit ac0821db79

View File

@ -84,18 +84,31 @@ impl<'app, 'p> PostView<'app, 'p> {
}
pub fn ui(&mut self, txn: &nostrdb::Transaction, ui: &mut egui::Ui) {
egui::Frame::default()
.inner_margin(egui::Margin::same(12.0))
.outer_margin(egui::Margin::same(12.0))
.fill(ui.visuals().extreme_bg_color)
.stroke(if self.focused(ui) {
let focused = self.focused(ui);
let stroke = if focused {
ui.visuals().selection.stroke
} else {
//ui.visuals().selection.stroke
ui.visuals().noninteractive().bg_stroke
})
.rounding(12.0)
.show(ui, |ui| {
};
let mut frame = egui::Frame::default()
.inner_margin(egui::Margin::same(12.0))
.outer_margin(egui::Margin::same(12.0))
.fill(ui.visuals().extreme_bg_color)
.stroke(stroke)
.rounding(12.0);
if focused {
frame = frame.shadow(egui::epaint::Shadow {
offset: egui::vec2(0.0, 0.0),
blur: 8.0,
spread: 0.0,
color: stroke.color,
});
}
frame.show(ui, |ui| {
ui.vertical(|ui| {
ui.horizontal(|ui| {
self.editbox(txn, ui);