mirror of
https://github.com/qdrant/landing_page.git
synced 2026-10-03 01:48:32 +02:00
@@ -142,9 +142,16 @@
|
||||
padding-bottom: 0.5rem;
|
||||
margin-bottom: pxToRem(4);
|
||||
text-transform: uppercase;
|
||||
|
||||
a {
|
||||
line-height: $font-size-s;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
font-size: $font-size-s;
|
||||
line-height: $font-size-s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -58,20 +58,15 @@
|
||||
@include mixins.transitionAll(300ms);
|
||||
|
||||
&:hover {
|
||||
.main-menu__submenu {
|
||||
.main-menu__items {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__submenu {
|
||||
&__items {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
padding: pxToRem(24);
|
||||
position: absolute;
|
||||
|
||||
border-radius: 12px;
|
||||
border: 1px solid $neutral-90;
|
||||
background: $neutral-98;
|
||||
@@ -105,6 +100,13 @@
|
||||
}
|
||||
}
|
||||
|
||||
&__submenu {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
padding: pxToRem(24);
|
||||
}
|
||||
|
||||
&__submenu-item {
|
||||
width: 100%;
|
||||
list-style: none;
|
||||
@@ -143,9 +145,17 @@
|
||||
padding: 0.5rem;
|
||||
margin-bottom: pxToRem(4);
|
||||
text-transform: uppercase;
|
||||
|
||||
a {
|
||||
line-height: $font-size-s;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
font-size: $font-size-s;
|
||||
line-height: $font-size-s;
|
||||
color: $neutral-60;
|
||||
}
|
||||
}
|
||||
|
||||
&__buttons {
|
||||
|
||||
@@ -16,37 +16,49 @@
|
||||
{{ .name }}
|
||||
{{ end }}
|
||||
|
||||
{{ if .subMenuItems }}
|
||||
{{ if .mainMenuItems }}
|
||||
<button type="button" class="menu-mobile__expand">{{ partial "svg" "arrow-sm-down.svg" }}</button>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .subMenuItems }}
|
||||
<ul class="menu-mobile__subitems">
|
||||
{{ if .url }}
|
||||
<li class="menu-mobile__section-link">
|
||||
<a class="link link_neutral link_sm" href="{{ .url }}">
|
||||
{{ .name }}
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ range .subMenuItems }}
|
||||
<a href="{{ .url }}">
|
||||
<li class="menu-mobile__subitem">
|
||||
<span style="background-image: url(/img/menu/{{ .icon }})"> </span>
|
||||
{{ .name }}
|
||||
{{ if .mainMenuItems }}
|
||||
{{ range .mainMenuItems }}
|
||||
<ul class="menu-mobile__subitems">
|
||||
{{ if .name }}
|
||||
<li class="menu-mobile__section-link">
|
||||
{{ if .url }}
|
||||
<a class="link link_neutral link_sm" href="{{ .url }}">
|
||||
{{ .name }}
|
||||
</a>
|
||||
{{ else }}
|
||||
<p>{{ .name }}</p>
|
||||
{{ end }}
|
||||
</li>
|
||||
</a>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
{{ range .subMenuItems }}
|
||||
<a href="{{ .url }}">
|
||||
<li class="menu-mobile__subitem">
|
||||
<span style="background-image: url(/img/menu/{{ .icon }})"></span>
|
||||
{{ .name }}
|
||||
</li>
|
||||
</a>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
<div class="menu-mobile__controls">
|
||||
<a data-metric-loc="mobile_nav" href="{{ .Params.logIn.url }}" class="button button_outlined button_lg menu-mobile__login"
|
||||
>{{ .Params.logIn.text }}</a
|
||||
<a
|
||||
data-metric-loc="mobile_nav"
|
||||
href="{{ .Params.logIn.url }}"
|
||||
class="button button_outlined button_lg menu-mobile__login"
|
||||
>
|
||||
<a data-metric-loc="mobile_nav" href="{{ .Params.startFree.url }}" class="button button_contained button_lg">{{ .Params.startFree.text }}</a>
|
||||
{{ .Params.logIn.text }}
|
||||
</a>
|
||||
<a data-metric-loc="mobile_nav" href="{{ .Params.startFree.url }}" class="button button_contained button_lg">
|
||||
{{ .Params.startFree.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
@@ -22,27 +22,37 @@
|
||||
<span>{{ .name }}</span>
|
||||
{{ end }}
|
||||
|
||||
{{ if .subMenuItems }}
|
||||
<ul class="main-menu__submenu">
|
||||
{{ if .url }}
|
||||
<li class="main-menu__section-link">
|
||||
<a class="link link_neutral link_sm" href="{{ .url }}">
|
||||
{{ .name }}
|
||||
</a>
|
||||
</li>
|
||||
{{ if .mainMenuItems }}
|
||||
<div class="main-menu__items">
|
||||
{{ range .mainMenuItems }}
|
||||
<ul class="main-menu__submenu">
|
||||
{{ if .name }}
|
||||
<li class="main-menu__section-link">
|
||||
{{ if .url }}
|
||||
<a class="link link_neutral link_sm" href="{{ .url }}">
|
||||
{{ .name }}
|
||||
</a>
|
||||
{{ else }}
|
||||
<p>{{ .name }}</p>
|
||||
{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
{{ range .subMenuItems }}
|
||||
<li class="main-menu__submenu-item">
|
||||
<a
|
||||
href="{{ .url }}"
|
||||
{{ if strings.HasPrefix .url "http" }}
|
||||
target="_blank" rel="noopener noreferrer nofollow"
|
||||
{{ end }}
|
||||
>
|
||||
<img src="/img/menu/{{ .icon }}" draggable="false" />
|
||||
<span>{{ .name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
{{ range .subMenuItems }}
|
||||
<li class="main-menu__submenu-item">
|
||||
<a
|
||||
href="{{ .url }}"
|
||||
{{ if strings.HasPrefix .url "http" }}target="_blank" rel="noopener noreferrer nofollow"{{ end }}
|
||||
>
|
||||
<img src="/img/menu/{{ .icon }}" draggable="false" />
|
||||
<span>{{ .name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
@@ -52,7 +62,9 @@
|
||||
{{ partial "theme-switch" . }}
|
||||
{{ end }}
|
||||
<a data-metric-loc="nav" href="{{ .Params.logIn.url }}" class="menu-link mx-3">{{ .Params.logIn.text }}</a>
|
||||
<a data-metric-loc="nav" href="{{ .Params.startFree.url }}" class="button button_contained button_sm">{{ .Params.startFree.text }}</a>
|
||||
<a data-metric-loc="nav" href="{{ .Params.startFree.url }}" class="button button_contained button_sm">
|
||||
{{ .Params.startFree.text }}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
@@ -0,0 +1,12 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_9789_1846)">
|
||||
<path d="M5.33317 14.6667C5.70136 14.6667 5.99984 14.3682 5.99984 14C5.99984 13.6318 5.70136 13.3333 5.33317 13.3333C4.96498 13.3333 4.6665 13.6318 4.6665 14C4.6665 14.3682 4.96498 14.6667 5.33317 14.6667Z" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.6667 14.6667C13.0349 14.6667 13.3333 14.3682 13.3333 14C13.3333 13.6318 13.0349 13.3333 12.6667 13.3333C12.2985 13.3333 12 13.6318 12 14C12 14.3682 12.2985 14.6667 12.6667 14.6667Z" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M1.3667 1.36667H2.70003L4.47337 9.64667C4.53842 9.94991 4.70715 10.221 4.95051 10.4132C5.19387 10.6055 5.49664 10.7069 5.8067 10.7H12.3267C12.6301 10.6995 12.9244 10.5955 13.1607 10.4052C13.3971 10.2149 13.5615 9.94969 13.6267 9.65333L14.7267 4.7H3.41337" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_9789_1846">
|
||||
<rect width="16" height="16" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,6 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.33333 9.33332H8.66667C9.02029 9.33332 9.35943 9.19285 9.60948 8.9428C9.85952 8.69275 10 8.35361 10 7.99999C10 7.64637 9.85952 7.30723 9.60948 7.05718C9.35943 6.80713 9.02029 6.66666 8.66667 6.66666H6.66667C6.26667 6.66666 5.93333 6.79999 5.73333 7.06666L2 10.6667" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.6665 13.3333L5.73317 12.4C5.93317 12.1333 6.2665 12 6.6665 12H9.33317C10.0665 12 10.7332 11.7333 11.1998 11.2L14.2665 8.26667C14.5238 8.02356 14.6739 7.68821 14.6839 7.33439C14.6939 6.98057 14.563 6.63727 14.3198 6.38001C14.0767 6.12275 13.7414 5.9726 13.3875 5.9626C13.0337 5.9526 12.6904 6.08356 12.4332 6.32667L9.63317 8.92668" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M1.3335 10L5.3335 14" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M13.0003 5.66667C13.4669 5.2 14.0003 4.6 14.0003 3.86667C14.0469 3.45929 13.9545 3.0481 13.7382 2.69976C13.5219 2.35141 13.1943 2.08632 12.8085 1.94743C12.4227 1.80854 12.0013 1.804 11.6126 1.93454C11.2239 2.06509 10.8907 2.32306 10.6669 2.66667C10.4289 2.34972 10.0956 2.11742 9.7159 2.00386C9.33617 1.8903 8.93003 1.90146 8.55712 2.03571C8.1842 2.16996 7.86414 2.42022 7.64393 2.74976C7.42372 3.0793 7.31495 3.47076 7.3336 3.86667C7.3336 4.66667 7.86693 5.2 8.3336 5.73333L10.6669 8L13.0003 5.66667Z" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,7 @@
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.6665 10.6667L12.6665 5.33334L14.6665 10.6667C14.0865 11.1 13.3865 11.3333 12.6665 11.3333C11.9465 11.3333 11.2465 11.1 10.6665 10.6667Z" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M1.3335 10.6667L3.3335 5.33334L5.3335 10.6667C4.7535 11.1 4.0535 11.3333 3.3335 11.3333C2.6135 11.3333 1.9135 11.1 1.3335 10.6667Z" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.6665 14H11.3332" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8 2V14" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2 4.66668H3.33333C4.66667 4.66668 6.66667 4.00001 8 3.33334C9.33333 4.00001 11.3333 4.66668 12.6667 4.66668H14" stroke="#DC244C" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 893 B |
Reference in New Issue
Block a user