teavail/web-frontend
4
0
Fork 0
Code Issues Packages Activity Actions

Use the new name, fix the background blur

Browse source
This commit is contained in:
Moritz Ruth 2024-05-27 14:51:32 +02:00
parent 0323da4ae2
commit dfb3d8eb5a
Signed by: moritzruth
GPG key ID: C9BBAB79405EE56D
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Tea Dashboard (Loading…)</title> <title>Teavail (Loading…)</title>
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<script type="module" src="./src/main.ts"></script> <script type="module" src="./src/main.ts"></script>
<link rel="stylesheet" href="./src/global.css"/> <link rel="stylesheet" href="./src/global.css"/>

2
src/App.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div class="fixed z-101 inset-0 overflow-hidden pointer-events-none"> <div class="fixed z-101 inset-0 overflow-hidden pointer-events-none">
<div class="absolute lg:fixed -top-20 -left-20 bg-orange-800 rounded-full w-150 h-50 filter blur-250px opacity-40"/> <div class="absolute lg:fixed -top-20 -left-20 bg-orange-800 rounded-full w-100 h-50 filter blur-100px opacity-40"/>
</div> </div>
<NavigationMenuWrapper> <NavigationMenuWrapper>
<div class="relative p-10 pt-15 flex-shrink-0 flex-grow-0"> <div class="relative p-10 pt-15 flex-shrink-0 flex-grow-0">

4
src/components/NavigationMenuWrapper.vue
View file

@ -1,7 +1,7 @@
<template> <template>
<nav class="w-full lg:w-70 fixed z-100 lg:top-0 left-0 bottom-0 lg:py-8 flex flex-col gap-3 <lg:border-t-solid lg:border-r-solid border-1 border-gray-300 bg-gray-100"> <nav class="w-full lg:w-70 fixed z-100 lg:top-0 left-0 bottom-0 lg:py-8 flex flex-col gap-3 <lg:border-t-solid lg:border-r-solid border-1 border-gray-300 bg-gray-100">
<div class="<lg:hidden font-serif font-400 text-3xl pl-7"> <div class="<lg:hidden font-serif font-400 text-4xl pl-7 pb-2">
Tea Inc. Teavail
</div> </div>
<ul class="list-none m-0 p-0 flex lg:flex-col <lg:justify-evenly gap-2"> <ul class="list-none m-0 p-0 flex lg:flex-col <lg:justify-evenly gap-2">
<li v-for="item in items" :key="item.target"> <li v-for="item in items" :key="item.target">