muerwre/muerwre.github.io
1
0
Fork 0
mirror of https://github.com/muerwre/muerwre.github.io.git synced 2025-04-25 02:46:39 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

added projects to bio page

Browse source
This commit is contained in:
Fedor Katurov 2022-11-03 18:33:37 +06:00
parent 011f10a429
commit ef6f29803b
16 changed files with 327 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/ui/UiActionButton.vue
View file

@ -30,7 +30,7 @@
interface Props {
href: string;
size?: "md";
variant?: "outline";
variant?: "outline" | "text" | "primary";
}
withDefaults(defineProps<Props>(), {
@ -44,11 +44,15 @@ withDefaults(defineProps<Props>(), {
color: white;
border-radius: 8px;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
&.variant-primary {
background-color: var(--color-primary);
}
&.variant-outline {
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: var(--color-text) 0 0 0 1px;
color: var(--color-text);
overflow: hidden;
@ -68,7 +72,6 @@ withDefaults(defineProps<Props>(), {
}
&:hover {
color: var(--color-background);
box-shadow: var(--color-background) 0 0 0 1px;
&::after {
@ -96,6 +99,8 @@ withDefaults(defineProps<Props>(), {
.title {
z-index: 1;
position: relative;
flex: 1;
text-align: center;
.size-md.prefixed & {
padding-left: 10px;

20
components/ui/UiCard.vue Normal file
View file

@ -0,0 +1,20 @@
<template>
<div :class="[$style.card, $attrs.class]">
<slot />
</div>
</template>
<script lang="ts" setup></script>
<style lang="scss" module>
.card {
border-radius: 8px;
border: 1px solid var(--color-line);
transition: all 0.25s;
&:hover {
background-color: var(--color-code-background);
border-color: var(--color-text-secondary);
}
}
</style>