wazolab/portfolio
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Change CSS classname convention

Browse Source
This commit is contained in:
Noé Viricel
2020-10-28 18:11:03 +01:00
parent 947b0d3277
commit b3bcedbc44
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/Hero.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div <div
class="HeroWrapper rounded-b-3xl shadow-xl bg-gradient-to-br from-blue-300 to-blue-700 flex items-center" class="hero rounded-b-3xl shadow-xl bg-gradient-to-br from-blue-300 to-blue-700 flex items-center"
> >
<div <div
class="rounded-3xl bg-white w-3/4 sm:w-1/2 max-w-lg mx-auto p-6 shadow-xl text-center" class="rounded-3xl bg-white w-3/4 sm:w-1/2 max-w-lg mx-auto p-6 shadow-xl text-center"
@@ -36,7 +36,7 @@ export default {};
</script> </script>
<style> <style>
.HeroWrapper { .hero {
height: 460px; height: 460px;
} }
</style> </style>

4
components/Logo.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<svg <svg
class="BrandLogo w-24 md:w-40" class="brand-logo w-24 md:w-40"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 230 230" viewBox="0 0 230 230"
@@ -199,7 +199,7 @@
</template> </template>
<style> <style>
.BrandLogo { .brand-logo {
animation: 1s appear; animation: 1s appear;
margin: auto; margin: auto;
} }