Update snapshots

owncloud · Jul 26, 2024 · 2e805bd · 2e805bd
1 parent 5060e81
commit 2e805bd
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 9 deletions.
diff --git a/packages/web-runtime/src/components/Account/QuotaInformation.vue b/packages/web-runtime/src/components/Account/QuotaInformation.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="quota-information oc-flex oc-flex-bottom oc-mt-xs">
+  <div class="quota-information oc-flex oc-flex-bottom">
     <oc-icon name="hard-drive-2" size="small" fill-type="line" class="oc-mr-xs" />
     <div>
       <p class="oc-my-rm">

diff --git a/packages/web-runtime/src/components/Topbar/UserMenu.vue b/packages/web-runtime/src/components/Topbar/UserMenu.vue
@@ -70,7 +70,11 @@
             <span class="profile-info-wrapper" :class="{ 'oc-py-xs': !user.mail }">
               <span class="oc-display-block" v-text="user.displayName" />
               <span v-if="user.mail" class="oc-text-small" v-text="user.mail" />
-              <quota-information v-if="quotaEnabled" :quota="quota" class="oc-text-small" />
+              <quota-information
+                v-if="quotaEnabled"
+                :quota="quota"
+                class="oc-text-small oc-mt-xs"
+              />
             </span>
           </li>
           <li>

diff --git a/packages/web-runtime/src/pages/account.vue b/packages/web-runtime/src/pages/account.vue
@@ -40,7 +40,7 @@
         <div v-if="!!quota" class="account-page-info-quota oc-mb oc-width-1-2@m oc-width-1-1@s">
           <dt class="oc-text-normal oc-text-muted" v-text="$gettext('Personal storage')" />
           <dd data-testid="quota">
-            <quota-information :quota="quota" />
+            <quota-information :quota="quota" class="oc-mt-xs" />
           </dd>
         </div>
         <div class="account-page-info-groups oc-mb oc-width-1-2@m oc-width-1-1@s">

diff --git a/packages/web-runtime/tests/unit/components/Topbar/__snapshots__/UserMenu.spec.ts.snap b/packages/web-runtime/tests/unit/components/Topbar/__snapshots__/UserMenu.spec.ts.snap
@@ -65,7 +65,7 @@ exports[`User Menu component > when quota and no email is set > renders a naviga
       <li data-v-08f1b1e7="" class="profile-info-wrapper oc-pl-s">
         <avatar-image-stub data-v-08f1b1e7="" width="32" userid="einstein" user-name="Albert Einstein"></avatar-image-stub> <span data-v-08f1b1e7="" class="profile-info-wrapper oc-py-xs"><span data-v-08f1b1e7="" class="oc-display-block">Albert Einstein</span>
         <!--v-if-->
-        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-mt-xs oc-text-small">
+        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-text-small oc-mt-xs">
           <oc-icon-stub name="hard-drive-2" size="small" fill-type="line" class="oc-mr-xs"></oc-icon-stub>
           <div>
             <p class="oc-my-rm"><span class="quota-information-text">300 B of 1 kB used (30%)</span></p>
@@ -98,7 +98,7 @@ exports[`User Menu component > when quota is above 80% and below 90% > renders a
     <oc-list-stub data-v-08f1b1e7="" class="user-menu-list">
       <li data-v-08f1b1e7="" class="profile-info-wrapper oc-pl-s">
         <avatar-image-stub data-v-08f1b1e7="" width="32" userid="einstein" user-name="Albert Einstein"></avatar-image-stub> <span data-v-08f1b1e7="" class="profile-info-wrapper"><span data-v-08f1b1e7="" class="oc-display-block">Albert Einstein</span> <span data-v-08f1b1e7="" class="oc-text-small">[email protected]</span>
-        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-mt-xs oc-text-small">
+        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-text-small oc-mt-xs">
           <oc-icon-stub name="hard-drive-2" size="small" fill-type="line" class="oc-mr-xs"></oc-icon-stub>
           <div>
             <p class="oc-my-rm"><span class="quota-information-text">810 B of 1 kB used (81%)</span></p>
@@ -131,7 +131,7 @@ exports[`User Menu component > when quota is above 90% > renders a danger quota
     <oc-list-stub data-v-08f1b1e7="" class="user-menu-list">
       <li data-v-08f1b1e7="" class="profile-info-wrapper oc-pl-s">
         <avatar-image-stub data-v-08f1b1e7="" width="32" userid="einstein" user-name="Albert Einstein"></avatar-image-stub> <span data-v-08f1b1e7="" class="profile-info-wrapper"><span data-v-08f1b1e7="" class="oc-display-block">Albert Einstein</span> <span data-v-08f1b1e7="" class="oc-text-small">[email protected]</span>
-        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-mt-xs oc-text-small">
+        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-text-small oc-mt-xs">
           <oc-icon-stub name="hard-drive-2" size="small" fill-type="line" class="oc-mr-xs"></oc-icon-stub>
           <div>
             <p class="oc-my-rm"><span class="quota-information-text">910 B of 1 kB used (91%)</span></p>
@@ -164,7 +164,7 @@ exports[`User Menu component > when quota is below 80% > renders a primary quota
     <oc-list-stub data-v-08f1b1e7="" class="user-menu-list">
       <li data-v-08f1b1e7="" class="profile-info-wrapper oc-pl-s">
         <avatar-image-stub data-v-08f1b1e7="" width="32" userid="einstein" user-name="Albert Einstein"></avatar-image-stub> <span data-v-08f1b1e7="" class="profile-info-wrapper"><span data-v-08f1b1e7="" class="oc-display-block">Albert Einstein</span> <span data-v-08f1b1e7="" class="oc-text-small">[email protected]</span>
-        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-mt-xs oc-text-small">
+        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-text-small oc-mt-xs">
           <oc-icon-stub name="hard-drive-2" size="small" fill-type="line" class="oc-mr-xs"></oc-icon-stub>
           <div>
             <p class="oc-my-rm"><span class="quota-information-text">300 B of 1 kB used (30%)</span></p>
@@ -197,7 +197,7 @@ exports[`User Menu component > when quota is not defined > renders no percentag
     <oc-list-stub data-v-08f1b1e7="" class="user-menu-list">
       <li data-v-08f1b1e7="" class="profile-info-wrapper oc-pl-s">
         <avatar-image-stub data-v-08f1b1e7="" width="32" userid="einstein" user-name="Albert Einstein"></avatar-image-stub> <span data-v-08f1b1e7="" class="profile-info-wrapper"><span data-v-08f1b1e7="" class="oc-display-block">Albert Einstein</span> <span data-v-08f1b1e7="" class="oc-text-small">[email protected]</span>
-        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-mt-xs oc-text-small">
+        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-text-small oc-mt-xs">
           <oc-icon-stub name="hard-drive-2" size="small" fill-type="line" class="oc-mr-xs"></oc-icon-stub>
           <div>
             <p class="oc-my-rm"><span class="quota-information-text">910 B used</span></p>
@@ -230,7 +230,7 @@ exports[`User Menu component > when quota is unlimited > renders no percentag of
     <oc-list-stub data-v-08f1b1e7="" class="user-menu-list">
       <li data-v-08f1b1e7="" class="profile-info-wrapper oc-pl-s">
         <avatar-image-stub data-v-08f1b1e7="" width="32" userid="einstein" user-name="Albert Einstein"></avatar-image-stub> <span data-v-08f1b1e7="" class="profile-info-wrapper"><span data-v-08f1b1e7="" class="oc-display-block">Albert Einstein</span> <span data-v-08f1b1e7="" class="oc-text-small">[email protected]</span>
-        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-mt-xs oc-text-small">
+        <div data-v-08f1b1e7="" class="quota-information oc-flex oc-flex-bottom oc-text-small oc-mt-xs">
           <oc-icon-stub name="hard-drive-2" size="small" fill-type="line" class="oc-mr-xs"></oc-icon-stub>
           <div>
             <p class="oc-my-rm"><span class="quota-information-text">300 B used</span></p>