diff --git a/css/components/media_slideshow.css b/css/components/media_slideshow.css index 01692c2..2c8c98b 100644 --- a/css/components/media_slideshow.css +++ b/css/components/media_slideshow.css @@ -69,8 +69,7 @@ left: 10px; background-color: rgba(0, 0, 0, 0.633); border-radius: 5px; - } - +} /* Fading animation */ .fade { diff --git a/css/details.css b/css/details.css index ba7d93d..a83bfd0 100644 --- a/css/details.css +++ b/css/details.css @@ -203,4 +203,25 @@ Divide the Details page into 3 main sections: height: 360px; background-color: rgba(128, 128, 128, 0.151); border-radius: 20px; -} \ No newline at end of file +} + +.details-body-units-description { + width: 100%; + font-size: 14px; + font-family: Inter; + line-height: 30px; + white-space: pre-line; + color: rgba(34, 34, 34, 0.873); +} + +.details-body-unit-features { + display: flex; + flex-direction: column; + justify-content: stretch; + align-items: start; + gap: 25px; + + width: 100%; + height: 200px; + margin-bottom: 60px; +} diff --git a/src/components/feature.rs b/src/components/feature.rs new file mode 100644 index 0000000..fe169aa --- /dev/null +++ b/src/components/feature.rs @@ -0,0 +1,30 @@ +use yew::prelude::*; + +#[function_component(FeatureItem)] +pub fn feature_item(props: &FeatureItemProps) -> Html { + let props = props.clone(); + html!{ +