Finally I fixed the god damn navbar, tailwind to the rescue
This commit is contained in:
@@ -35,23 +35,25 @@ export default {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<RouterLink :to="link" class="button" :class="{active: active}">
|
||||
<Icon :icon="icon" />
|
||||
</RouterLink>
|
||||
<div class="aspect-square flex items-center place-content-center">
|
||||
<RouterLink :to="link" class="button" :class="{ active: active }">
|
||||
<Icon :icon="icon" />
|
||||
</RouterLink>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<style scoped>
|
||||
.button {
|
||||
color: var(--white);
|
||||
font-size: 30px;
|
||||
overflow: hidden;
|
||||
height: 40px;
|
||||
font-size: 35px;
|
||||
/* overflow: hidden; */
|
||||
/* height: 40px; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 10px 10px;
|
||||
padding: 5px;
|
||||
margin: 10px;
|
||||
padding: 10px;
|
||||
transition: color 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user