Kaydet (Commit) e4420e4d authored tarafından Emincan Özcan's avatar Emincan Özcan

wip

üst 6e83e26e
......@@ -34,6 +34,8 @@
"postcss": "^7",
"prettier": "^2.2.1",
"tailwindcss": "npm:@tailwindcss/postcss7-compat",
"vue-cli-plugin-electron-builder": "~2.0.0-rc.6"
"vue-cli-plugin-electron-builder": "~2.0.0-rc.6",
"vue-svg-loader": "^0.17.0-beta.2"
}
}
<template>
<div class="bg-gray-900 text-gray-100 min-h-screen flex">
<Sidebar class="h-screen w-64 bg-gray-400 bg-opacity-25" />
<Sidebar
class="sticky top-0 left-0 h-screen w-64 bg-gray-700 bg-opacity-25 flex-shrink-0"
/>
<router-view class="flex-1 bg-gray-900" />
</div>
</template>
......
......@@ -6,7 +6,7 @@
<div class="flex flex-col space-y-2 mt-2 px-4">
<router-link
class="px-4 block py-3 text-gray-200 font-medium w-full rounded-lg"
active-class="bg-gray-800 text-pardus-yellow shadow-lg"
active-class="bg-gray-700 text-pardus-yellow shadow-lg"
to="/"
>
<span class="font-medium">Alternatif Uygulamalar</span>
......@@ -14,7 +14,7 @@
<router-link
to="/app-packages"
class="px-4 block py-3 text-gray-200 font-medium w-full rounded-lg"
active-class="bg-gray-800 text-pardus-yellow shadow-lg"
active-class="bg-gray-700 text-pardus-yellow shadow-lg"
>
<span class="font-medium">Uygulama Paketleri</span>
</router-link>
......
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
<template>
<div>
<header class="w-full flex px-8 py-4 bg-gray-100 bg-opacity-5 items-center">
<div class="w-128">
<input
class="w-full h-12 pl-4 pr-16 font-medium text-sm text-gray-200 bg-gray-800 rounded-lg overflow-hidden transition-all outline-none border-2 border-gray-800 hover:border-pardus-yellow focus:border-pardus-yellow"
type="text"
placeholder="Alıştığınız Uygulamayı Yazınız"
@input="search"
/>
<div class="px-6">
<header
class="w-full h-20 sticky flex items-center top-0 left-0 bg-gray-900"
>
<div class="flex items-center w-80 flex-shrink-0">
<div class="relative w-full">
<input
class="w-full h-12 pl-4 pr-16 font-medium text-sm text-gray-300 bg-gray-800 rounded-lg overflow-hidden transition-all outline-none border-2 border-gray-800 hover:border-pardus-yellow focus:border-pardus-yellow"
type="text"
placeholder="Alıştığınız Uygulama"
/>
<IconSearch class="w-6 h-6 text-gray-300 absolute right-3 top-3" />
</div>
</div>
<div>
<h4 class="text-gray-300 font-medium lg:text-lg ml-8">
Alıştığınız Uygulamanın
<span class="text-pardus-yellow font-bold">PARDUS</span>
Alternatifleri!
</h4>
</div>
<h2 class="font-medium text-xl ml-24 whitespace-nowrap">
Aradığınız Uygulamaların Pardus Alternatifleri!
</h2>
</header>
<div class="mt-8 min-w-full overflow-x-auto" style="width: max-content">
<div v-for="i in Array.from(Array(20))" :key="i">
<div class="flex items-center bg-gray-800 px-4 py-3 rounded-lg mb-4">
<!-- non pardus app -->
<div class="w-96">
<div class="flex items-center space-x-4">
<img
class="w-12 h-12"
src="https://upload.wikimedia.org/wikipedia/commons/0/03/Internet_Explorer_7%2B8_logo.svg"
alt=""
/>
<span class="font-medium text-lg">Internet Explorer</span>
</div>
</div>
<!-- pardus app alternatives... -->
<div class="flex space-x-12">
<div
class="flex items-center"
:key="i"
v-for="i in Array.from(Array(4))"
>
<img
class="w-12 h-12 mr-2"
src="https://upload.wikimedia.org/wikipedia/commons/0/03/Internet_Explorer_7%2B8_logo.svg"
alt=""
/>
<span class="font-medium mr-4">Mozilla Firefox</span>
<button
class="bg-pardus-yellow px-2 py-2 font-medium rounded-lg shadow-lg text-gray-900"
>
Sepete Ekle
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
import IconSearch from "../icons/icon-search.svg";
export default {
name: "AlternativeApps",
components: {
IconSearch,
},
};
</script>
......
console.log("running");
module.exports = {
chainWebpack: (config) => {
console.log("here");
const svgRule = config.module.rule("svg");
svgRule.uses.clear();
svgRule
.use("vue-loader")
.loader("vue-loader-v16") // or `vue-loader-v16` if you are using a preview support of Vue 3 in Vue CLI
.end()
.use("vue-svg-loader")
.loader("vue-svg-loader");
},
};
......@@ -9302,7 +9302,7 @@ svg-tags@^1.0.0:
resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"
integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=
svgo@^1.0.0:
svgo@^1.0.0, svgo@^1.3.2:
version "1.3.2"
resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==
......@@ -10086,6 +10086,15 @@ vue-style-loader@^4.1.0, vue-style-loader@^4.1.2:
hash-sum "^1.0.2"
loader-utils "^1.0.2"
vue-svg-loader@^0.17.0-beta.2:
version "0.17.0-beta.2"
resolved "https://registry.yarnpkg.com/vue-svg-loader/-/vue-svg-loader-0.17.0-beta.2.tgz#954b2a08b5488998dd81ec371ab5fb5ea4182ef7"
integrity sha512-iMUGJTKEcuNAG8VXOchjA8443IqEmEi2Aw6EVIHWma2cC4TUQ7Oet5Yry9IFfqXQXXvyzXz5EyttVvfRGTNH4Q==
dependencies:
loader-utils "^2.0.0"
semver "^7.3.2"
svgo "^1.3.2"
vue-template-es2015-compiler@^1.9.0:
version "1.9.1"
resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment