From ccd08bc0f03cb59b351c19d78ac0f937a5270368 Mon Sep 17 00:00:00 2001 From: Wolfboy248 Date: Mon, 25 Aug 2025 11:13:20 +0200 Subject: Moved breadcrum navigation into its own component --- .../BreadcrumbNav/BreadcrumbNav.module.css | 36 ++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 frontend/src/components/BreadcrumbNav/BreadcrumbNav.module.css (limited to 'frontend/src/components/BreadcrumbNav/BreadcrumbNav.module.css') diff --git a/frontend/src/components/BreadcrumbNav/BreadcrumbNav.module.css b/frontend/src/components/BreadcrumbNav/BreadcrumbNav.module.css new file mode 100644 index 0000000..9821972 --- /dev/null +++ b/frontend/src/components/BreadcrumbNav/BreadcrumbNav.module.css @@ -0,0 +1,36 @@ +.container { + display: flex; + margin-top: 42px; + margin-bottom: 16px; + margin-left: 48px; + gap: 2px; +} + +.crumb { + display: flex; + align-items: center; + gap: 12px; + background-color: var(--color-block); + padding: 6px 16px; + transition: all 0.1s ease; + font-size: 22px; +} + +.crumb:hover { + background-color: var(--color-panel); +} + +.crumb.first { + border-top-left-radius: 1000px; + border-bottom-left-radius: 1000px; +} + +.crumb.middle { + border-radius: 0px; +} + +.crumb.last, +.crumb.first.last { + border-top-right-radius: 1000px; + border-bottom-right-radius: 1000px; +} \ No newline at end of file -- cgit v1.2.3