studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Fix new border-radius values

Browse source
This commit is contained in:
Timothée Goguely 2024-09-10 18:07:43 +02:00
parent e5e8e5770c
commit 47ddcdcd93
3 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/Menu.vue
View file

@ -5,7 +5,7 @@
--> -->
<button <button
@click="toggleExpand()" @click="toggleExpand()"
class="btn btn--white | rounded-lg" class="btn btn--white | rounded-xl"
aria-controls="menu" aria-controls="menu"
:aria-expanded="isExpanded" :aria-expanded="isExpanded"
> >
@ -30,7 +30,7 @@
/> />
</svg> </svg>
</button> </button>
<div v-if="isExpanded" id="menu" class="flex | rounded-lg"> <div v-if="isExpanded" id="menu" class="flex | rounded-xl">
<header class="w-full | flex"> <header class="w-full | flex">
<p>Nom du service</p> <p>Nom du service</p>
</header> </header>
@ -217,7 +217,7 @@ button[aria-controls="menu"][aria-expanded="false"] {
min-height: 2.5rem; /* 40px */ min-height: 2.5rem; /* 40px */
padding: 0 var(--space-16); padding: 0 var(--space-16);
gap: var(--space-12); gap: var(--space-12);
border-radius: var(--rounded-md); border-radius: var(--rounded-lg);
} }
#menu li { #menu li {

2
src/components/Project.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<article class="project-item | flex | rounded-lg | px-2xl py-2xl"> <article class="project-item | flex | rounded-2xl | px-2xl py-2xl">
<hgroup> <hgroup>
<h3>{{ project.title }}</h3> <h3>{{ project.title }}</h3>
<p> <p>

2
src/components/Tabs.vue
View file

@ -41,7 +41,7 @@ function changeTab(tabId) {
align-items: flex-start; align-items: flex-start;
justify-content: center; justify-content: center;
margin: 0 auto var(--space-32); margin: 0 auto var(--space-32);
border-radius: var(--rounded-lg); border-radius: var(--rounded-md);
background-color: var(--color-grey-200); background-color: var(--color-grey-200);
} }