Skip to content

Commit 16859ea

Browse files
authored
Convert same height & width to size (#1549)
1 parent 2abbbba commit 16859ea

21 files changed

+57
-57
lines changed

stubs/inertia/resources/js/Components/AuthenticationCardLogo.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { Link } from '@inertiajs/vue3';
55
<template>
66
<Link :href="'/'">
77
<svg
8-
class="w-16 h-16"
8+
class="size-16"
99
viewBox="0 0 48 48"
1010
fill="none"
1111
xmlns="http://www.w3.org/2000/svg"

stubs/inertia/resources/js/Components/Banner.vue

+3-3
Original file line numberDiff line numberDiff line change
@@ -21,11 +21,11 @@ watchEffect(async () => {
2121
<div class="flex items-center justify-between flex-wrap">
2222
<div class="w-0 flex-1 flex items-center min-w-0">
2323
<span class="flex p-2 rounded-lg" :class="{ 'bg-indigo-600': style == 'success', 'bg-red-600': style == 'danger' }">
24-
<svg v-if="style == 'success'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
24+
<svg v-if="style == 'success'" class="size-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
2525
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
2626
</svg>
2727
28-
<svg v-if="style == 'danger'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
28+
<svg v-if="style == 'danger'" class="size-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
2929
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
3030
</svg>
3131
</span>
@@ -43,7 +43,7 @@ watchEffect(async () => {
4343
aria-label="Dismiss"
4444
@click.prevent="show = false"
4545
>
46-
<svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
46+
<svg class="size-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
4747
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
4848
</svg>
4949
</button>

stubs/inertia/resources/js/Components/ConfirmationModal.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -32,8 +32,8 @@ const close = () => {
3232
>
3333
<div class="bg-white dark:bg-gray-800 px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
3434
<div class="sm:flex sm:items-start">
35-
<div class="mx-auto shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10">
36-
<svg class="h-6 w-6 text-red-600 dark:text-red-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
35+
<div class="mx-auto shrink-0 flex items-center justify-center size-12 rounded-full bg-red-100 sm:mx-0 sm:size-10">
36+
<svg class="size-6 text-red-600 dark:text-red-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
3737
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
3838
</svg>
3939
</div>

stubs/inertia/resources/js/Components/Welcome.vue

+6-6
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ import ApplicationLogo from '@/Components/ApplicationLogo.vue';
2222
<div class="bg-gray-200 dark:bg-gray-800 bg-opacity-25 grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 p-6 lg:p-8">
2323
<div>
2424
<div class="flex items-center">
25-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
25+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="size-6 stroke-gray-400">
2626
<path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25" />
2727
</svg>
2828
<h2 class="ms-3 text-xl font-semibold text-gray-900 dark:text-white">
@@ -38,7 +38,7 @@ import ApplicationLogo from '@/Components/ApplicationLogo.vue';
3838
<a href="https://laravel.com/docs" class="inline-flex items-center font-semibold text-indigo-700 dark:text-indigo-300">
3939
Explore the documentation
4040

41-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="ms-1 w-5 h-5 fill-indigo-500 dark:fill-indigo-200">
41+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="ms-1 size-5 fill-indigo-500 dark:fill-indigo-200">
4242
<path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd" />
4343
</svg>
4444
</a>
@@ -47,7 +47,7 @@ import ApplicationLogo from '@/Components/ApplicationLogo.vue';
4747

4848
<div>
4949
<div class="flex items-center">
50-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
50+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="size-6 stroke-gray-400">
5151
<path stroke-linecap="round" d="M15.75 10.5l4.72-4.72a.75.75 0 011.28.53v11.38a.75.75 0 01-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 002.25-2.25v-9a2.25 2.25 0 00-2.25-2.25h-9A2.25 2.25 0 002.25 7.5v9a2.25 2.25 0 002.25 2.25z" />
5252
</svg>
5353
<h2 class="ms-3 text-xl font-semibold text-gray-900 dark:text-white">
@@ -63,7 +63,7 @@ import ApplicationLogo from '@/Components/ApplicationLogo.vue';
6363
<a href="https://laracasts.com" class="inline-flex items-center font-semibold text-indigo-700 dark:text-indigo-300">
6464
Start watching Laracasts
6565

66-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="ms-1 w-5 h-5 fill-indigo-500 dark:fill-indigo-200">
66+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="ms-1 size-5 fill-indigo-500 dark:fill-indigo-200">
6767
<path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd" />
6868
</svg>
6969
</a>
@@ -72,7 +72,7 @@ import ApplicationLogo from '@/Components/ApplicationLogo.vue';
7272

7373
<div>
7474
<div class="flex items-center">
75-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
75+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="size-6 stroke-gray-400">
7676
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15.75l5.159-5.159a2.25 2.25 0 013.182 0l5.159 5.159m-1.5-1.5l1.409-1.409a2.25 2.25 0 013.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 001.5-1.5V6a1.5 1.5 0 00-1.5-1.5H3.75A1.5 1.5 0 002.25 6v12a1.5 1.5 0 001.5 1.5zm10.5-11.25h.008v.008h-.008V8.25zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
7777
</svg>
7878
<h2 class="ms-3 text-xl font-semibold text-gray-900 dark:text-white">
@@ -87,7 +87,7 @@ import ApplicationLogo from '@/Components/ApplicationLogo.vue';
8787

8888
<div>
8989
<div class="flex items-center">
90-
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="w-6 h-6 stroke-gray-400">
90+
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" class="size-6 stroke-gray-400">
9191
<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
9292
</svg>
9393
<h2 class="ms-3 text-xl font-semibold text-gray-900 dark:text-white">

stubs/inertia/resources/js/Layouts/AppLayout.vue

+7-7
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ const logout = () => {
6363
<button type="button" class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none focus:bg-gray-50 dark:focus:bg-gray-700 active:bg-gray-50 dark:active:bg-gray-700 transition ease-in-out duration-150">
6464
{{ $page.props.auth.user.current_team.name }}
6565

66-
<svg class="ms-2 -me-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
66+
<svg class="ms-2 -me-0.5 size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
6767
<path stroke-linecap="round" stroke-linejoin="round" d="M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" />
6868
</svg>
6969
</button>
@@ -98,7 +98,7 @@ const logout = () => {
9898
<form @submit.prevent="switchToTeam(team)">
9999
<DropdownLink as="button">
100100
<div class="flex items-center">
101-
<svg v-if="team.id == $page.props.auth.user.current_team_id" class="me-2 h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
101+
<svg v-if="team.id == $page.props.auth.user.current_team_id" class="me-2 size-5 text-green-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
102102
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
103103
</svg>
104104

@@ -118,14 +118,14 @@ const logout = () => {
118118
<Dropdown align="right" width="48">
119119
<template #trigger>
120120
<button v-if="$page.props.jetstream.managesProfilePhotos" class="flex text-sm border-2 border-transparent rounded-full focus:outline-none focus:border-gray-300 transition">
121-
<img class="h-8 w-8 rounded-full object-cover" :src="$page.props.auth.user.profile_photo_url" :alt="$page.props.auth.user.name">
121+
<img class="size-8 rounded-full object-cover" :src="$page.props.auth.user.profile_photo_url" :alt="$page.props.auth.user.name">
122122
</button>
123123

124124
<span v-else class="inline-flex rounded-md">
125125
<button type="button" class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 hover:text-gray-700 dark:hover:text-gray-300 focus:outline-none focus:bg-gray-50 dark:focus:bg-gray-700 active:bg-gray-50 dark:active:bg-gray-700 transition ease-in-out duration-150">
126126
{{ $page.props.auth.user.name }}
127127

128-
<svg class="ms-2 -me-0.5 h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
128+
<svg class="ms-2 -me-0.5 size-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
129129
<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
130130
</svg>
131131
</button>
@@ -163,7 +163,7 @@ const logout = () => {
163163
<div class="-me-2 flex items-center sm:hidden">
164164
<button class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-900 focus:text-gray-500 dark:focus:text-gray-400 transition duration-150 ease-in-out" @click="showingNavigationDropdown = ! showingNavigationDropdown">
165165
<svg
166-
class="h-6 w-6"
166+
class="size-6"
167167
stroke="currentColor"
168168
fill="none"
169169
viewBox="0 0 24 24"
@@ -200,7 +200,7 @@ const logout = () => {
200200
<div class="pt-4 pb-1 border-t border-gray-200 dark:border-gray-600">
201201
<div class="flex items-center px-4">
202202
<div v-if="$page.props.jetstream.managesProfilePhotos" class="shrink-0 me-3">
203-
<img class="h-10 w-10 rounded-full object-cover" :src="$page.props.auth.user.profile_photo_url" :alt="$page.props.auth.user.name">
203+
<img class="size-10 rounded-full object-cover" :src="$page.props.auth.user.profile_photo_url" :alt="$page.props.auth.user.name">
204204
</div>
205205

206206
<div>
@@ -258,7 +258,7 @@ const logout = () => {
258258
<form @submit.prevent="switchToTeam(team)">
259259
<ResponsiveNavLink as="button">
260260
<div class="flex items-center">
261-
<svg v-if="team.id == $page.props.auth.user.current_team_id" class="me-2 h-5 w-5 text-green-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
261+
<svg v-if="team.id == $page.props.auth.user.current_team_id" class="me-2 size-5 text-green-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
262262
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
263263
</svg>
264264
<div>{{ team.name }}</div>

stubs/inertia/resources/js/Pages/Profile/Partials/LogoutOtherBrowserSessionsForm.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -61,11 +61,11 @@ const closeModal = () => {
6161
<div v-if="sessions.length > 0" class="mt-5 space-y-6">
6262
<div v-for="(session, i) in sessions" :key="i" class="flex items-center">
6363
<div>
64-
<svg v-if="session.agent.is_desktop" class="w-8 h-8 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
64+
<svg v-if="session.agent.is_desktop" class="size-8 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
6565
<path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
6666
</svg>
6767

68-
<svg v-else class="w-8 h-8 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
68+
<svg v-else class="size-8 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
6969
<path stroke-linecap="round" stroke-linejoin="round" d="M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3" />
7070
</svg>
7171
</div>

stubs/inertia/resources/js/Pages/Profile/Partials/UpdateProfileInformationForm.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -101,13 +101,13 @@ const clearPhotoFileInput = () => {
101101
102102
<!-- Current Profile Photo -->
103103
<div v-show="! photoPreview" class="mt-2">
104-
<img :src="user.profile_photo_url" :alt="user.name" class="rounded-full h-20 w-20 object-cover">
104+
<img :src="user.profile_photo_url" :alt="user.name" class="rounded-full size-20 object-cover">
105105
</div>
106106
107107
<!-- New Profile Photo Preview -->
108108
<div v-show="photoPreview" class="mt-2">
109109
<span
110-
class="block rounded-full w-20 h-20 bg-cover bg-no-repeat bg-center"
110+
class="block rounded-full size-20 bg-cover bg-no-repeat bg-center"
111111
:style="'background-image: url(\'' + photoPreview + '\');'"
112112
/>
113113
</div>

stubs/inertia/resources/js/Pages/Teams/Partials/CreateTeamForm.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ const createTeam = () => {
3333
<InputLabel value="Team Owner" />
3434

3535
<div class="flex items-center mt-2">
36-
<img class="object-cover w-12 h-12 rounded-full" :src="$page.props.auth.user.profile_photo_url" :alt="$page.props.auth.user.name">
36+
<img class="object-cover size-12 rounded-full" :src="$page.props.auth.user.profile_photo_url" :alt="$page.props.auth.user.name">
3737

3838
<div class="ms-4 leading-tight">
3939
<div class="text-gray-900 dark:text-white">{{ $page.props.auth.user.name }}</div>

0 commit comments

Comments
 (0)