Skip to content
Snippets Groups Projects
Commit 4cd01966 authored by Дмитрий Малюгин's avatar Дмитрий Малюгин :clock4:
Browse files

feat: 'Carousel' in process

parent 9994cd28
No related branches found
No related tags found
1 merge request!6Finish "UI-library v1.0.0"
...@@ -109,5 +109,6 @@ export const Full: Story = { ...@@ -109,5 +109,6 @@ export const Full: Story = {
], ],
buttonsBelow: true, buttonsBelow: true,
theme: 'sky',
}, },
}; };
...@@ -3,6 +3,8 @@ defineProps<{ ...@@ -3,6 +3,8 @@ defineProps<{
disable?: boolean; disable?: boolean;
textColor: string; textColor: string;
color: string; color: string;
width: string;
borderRadius: string;
}>(); }>();
</script> </script>
...@@ -32,12 +34,13 @@ defineProps<{ ...@@ -32,12 +34,13 @@ defineProps<{
<style scoped> <style scoped>
.arrowContainer { .arrowContainer {
position: relative; position: relative;
min-width: 50px; width: v-bind(width);
min-height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
background-color: v-bind(color);
border-radius: v-bind(borderRadius);
} }
.icon { .icon {
display: flex; display: flex;
...@@ -47,7 +50,6 @@ defineProps<{ ...@@ -47,7 +50,6 @@ defineProps<{
color: v-bind(textColor); color: v-bind(textColor);
} }
.arrowContainer:hover > .bg { .arrowContainer:hover > .bg {
background-color: v-bind(textColor);
opacity: 0.1; opacity: 0.1;
} }
.arrowContainer:active > .bg { .arrowContainer:active > .bg {
...@@ -57,11 +59,9 @@ defineProps<{ ...@@ -57,11 +59,9 @@ defineProps<{
width: 100%; width: 100%;
height: 100%; height: 100%;
position: absolute; position: absolute;
padding: 10px;
z-index: 5;
opacity: 0; opacity: 0;
border-radius: 5px; border-radius: v-bind(borderRadius);
background-color: transparent; background-color: black;
transition: all 0.2s ease; transition: all 0.2s ease;
} }
.disable { .disable {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment