First logo attempt

2024-11-24 19:57:18 +01:00
parent 068299efa3
commit f4b30e2781
3 changed files with 8 additions and 3 deletions
--- a/frontend/assets/img/buildpath-high-resolution-logo-transparent.png
+++ b/frontend/assets/img/buildpath-high-resolution-logo-transparent.png
--- a/frontend/components/ChampionSelector.vue
+++ b/frontend/components/ChampionSelector.vue
@@ -14,7 +14,7 @@ watch(searchText, (newT, oldT) => {
 <template>
    <div>
    <div style="width: fit-content; margin: auto;">
-        <input v-model="searchText" ref="searchBar" class="search-bar" type="text" placeholder="Champion name..."/>
+        <input v-model="searchText" ref="searchBar" class="search-bar" type="text" placeholder="Search a champion"/>
    </div>
    <div class="champion-container" style="margin-top: 20px;">
        <RouterLink style="margin-left: 5px; margin-right: 5px;" v-for="champion in filteredChampions" :to="'/champion/' + champion.alias.toLowerCase()">
@@ -43,7 +43,7 @@ watch(searchText, (newT, oldT) => {
 }
 .champion-container {
    width: 1390px;
-    height: 660px;
+    height: auto;

    overflow-x: hidden;
    overflow-y: scroll;
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -5,6 +5,11 @@
    <Head>
        <Title>BuildPath</Title>
    </Head>
-    
+
+    <div style="display: flex; width: fit-content; margin: auto; margin-top: 64px; margin-bottom: 64px;">
+    <img width="140" src="~/assets/img/buildpath-high-resolution-logo-transparent.png" />
+    <h1 style="font-weight: 200; align-content: center; font-size: 90px; margin-left: 20px;">BuildPath</h1>
+    </div>
+
    <ChampionSelector style="margin-top: 64px;"/>
 </template>