nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-22 01:22:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

- homepage illustrations part 1

Browse Source
This commit is contained in:
Peter Papp
2021-04-05 08:47:49 +02:00
parent 790da00420
commit 9ea78d103e
14 changed files with 1702 additions and 386 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
resources/js/Oasis/Homepage/Components/OasisContact.vue
View File

@@ -1,6 +1,6 @@
<template>
<div id="kontakt-a-podpora" class="oasis-contact">
<div class="container">
<div class="container content-position">
<div class="title-wrapper">
<h3 class="main-title-sm">
Kontakt a Podpora
@@ -69,7 +69,6 @@
</button>
</ValidationObserver>
</div>
</div>
</div>
</template>
@@ -134,6 +133,74 @@
@import '@assets/oasis/_homepage';
@import '@assets/oasis/_responsive';
.oasis-contact {
background: $theme-bg-dark;
padding-top: 90px;
padding-bottom: 90px;
.title-wrapper {
margin-bottom: 65px;
}
.main-title-sm {
color: white;
}
.sub-title-sm {
color: $text-dark-subtitle;
max-width: 750px;
}
.info-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.info-grid {
gap: 20px;
display: grid;
grid-template-columns: 1fr 1fr;
}
}
.contact-form {
width: 100%;
.block-wrapper {
margin-bottom: 30px;
}
.error-message {
color: $pink;
margin-top: 5px;
display: block;
}
input, textarea {
background: $theme-bg-light;
border: 1px solid transparent;
border-radius: 8px;
padding: 13px 20px;
appearance: none;
outline: 0;
color: $text-dark-secondary;
@include font-size(16);
font-weight: 600;
width: 100%;
&.is-error {
border-color: $pink;
}
&::placeholder {
color: $text-dark-subtitle;
@include font-size(16);
font-weight: 600;
}
}
}
@media only screen and (max-width: 960px) {
.oasis-contact {