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

- added OasisContact.vue

Browse Source 
- Mobile responsivenes
This commit is contained in:
Peter Papp
2021-04-05 07:07:28 +02:00
parent 760d7a4687
commit 790da00420
19 changed files with 717 additions and 399 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Oasis/Homepage/Components/OasisFeatures.vue
+23 -4
View File
@@ -2,7 +2,7 @@
<div class="oasis-features text-center">
<div class="title-wrapper container">
<h3 class="main-title">
<h3 class="main-title-sm">
Proč je OasisDrive Výnimočný?
</h3>
<h4 class="sub-title-sm">
@@ -12,9 +12,9 @@
<ul class="features-box container">
<li v-for="(feature, i) in features" :key="i" class="box">
<cloud-icon v-if="feature.icon === 'cloud'" size="56" class="box-icon" />
<file-text-icon v-if="feature.icon === 'file'" size="56" class="box-icon" />
<lock-icon v-if="feature.icon === 'lock'" size="56" class="box-icon" />
<cloud-icon v-if="feature.icon === 'cloud'" size="72" class="box-icon" />
<file-text-icon v-if="feature.icon === 'file'" size="72" class="box-icon" />
<lock-icon v-if="feature.icon === 'lock'" size="72" class="box-icon" />
<h5 class="box-title">
{{ feature.title }}
@@ -95,4 +95,23 @@
@import '@assets/oasis/_components';
@import '@assets/oasis/_homepage';
@import '@assets/oasis/_responsive';
@media only screen and (max-width: 960px) {
.features-box {
grid-template-columns: 1fr;
gap: 30px;
.box {
.box-title {
@include font-size(26);
}
.box-description {
@include font-size(18);
line-height: 1.55;
}
}
}
}
</style>