dan/gpui-component
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve Tooltip style details. (#125)

Browse source
This commit is contained in:
Jason Lee 2024-08-09 10:36:54 +08:00 committed by GitHub
parent 97dd09fbda
commit 2b4ed4f8f6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 12 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
crates/ui/src/tooltip.rs
View file

@ -3,35 +3,33 @@ use gpui::{
VisualContext, WindowContext,
};
use crate::{h_flex, theme::ActiveTheme, v_flex, StyledExt};
use crate::{theme::ActiveTheme, StyledExt};
pub struct Tooltip {
title: SharedString,
text: SharedString,
}
impl Tooltip {
pub fn new(title: impl Into<SharedString>, cx: &mut WindowContext) -> AnyView {
cx.new_view(|_cx| Self {
title: title.into(),
})
.into()
pub fn new(text: impl Into<SharedString>, cx: &mut WindowContext) -> AnyView {
cx.new_view(|_| Self { text: text.into() }).into()
}
}
impl Render for Tooltip {
fn render(&mut self, cx: &mut ViewContext<Self>) -> impl IntoElement {
div().child(
v_flex()
// Wrap in a child, to ensure the left margin is applied to the tooltip
div()
.m_3()
.bg(cx.theme().popover)
.rounded(px(8.))
.border_1()
.border_color(cx.theme().border)
.elevation_2(cx)
.text_color(cx.theme().popover_foreground)
.py_1p5()
.elevation_1(cx)
.rounded(px(6.))
.pt_1()
.pb_0p5()
.px_2()
.child(h_flex().gap_4().child(self.title.clone())),
.text_sm()
.child(self.text.clone()),
)
}
}