console/frontend: harmonize a button outlines

This commit is contained in:
Vincent Bernat
2022-05-24 23:48:34 +02:00
parent 6b6e1b8fba
commit ff53ae7c51
2 changed files with 3 additions and 3 deletions

View File

@@ -1,7 +1,7 @@
<template> <template>
<button <button
type="button" type="button"
class="rounded-lg p-2.5 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-700" class="rounded-lg p-2.5 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-300 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-blue-800"
@click="toggleDark()" @click="toggleDark()"
> >
<MoonIcon v-if="!isDark" class="h-5 w-5" /> <MoonIcon v-if="!isDark" class="h-5 w-5" />

View File

@@ -19,7 +19,7 @@
<div class="flex md:order-2"> <div class="flex md:order-2">
<DarkModeSwitcher /> <DarkModeSwitcher />
<DisclosureButton <DisclosureButton
class="ml-3 inline-flex items-center rounded-lg p-2 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600 md:hidden" class="ml-3 inline-flex items-center rounded-lg p-2 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-300 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-blue-800 md:hidden"
> >
<span class="sr-only">Open main menu</span> <span class="sr-only">Open main menu</span>
<MenuIcon v-if="!open" class="h-6 w-6" /> <MenuIcon v-if="!open" class="h-6 w-6" />
@@ -36,7 +36,7 @@
> >
<li v-for="item in navigation" :key="item.name"> <li v-for="item in navigation" :key="item.name">
<router-link <router-link
class="block rounded py-2 pr-4 pl-3" class="block rounded py-2 pr-4 pl-3 focus:outline-none focus:ring-2 focus:ring-blue-300 dark:focus:ring-blue-800"
:class=" :class="
item.current item.current
? [ ? [