Card : modification du style
This commit is contained in:
parent
8ba97c2bfb
commit
37029dd1a3
1 changed files with 10 additions and 2 deletions
|
@ -14,12 +14,20 @@ const { id, name } = Astro.props;
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.card {
|
.card {
|
||||||
border: 1px solid black;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
width: 50%;
|
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
|
background-color: white;
|
||||||
|
color: black;
|
||||||
|
border-radius: 25px;
|
||||||
|
transition: 0.1s ease-out;
|
||||||
|
position: relative;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover {
|
||||||
|
top: -4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text {
|
.text {
|
||||||
|
|
Loading…
Reference in a new issue